Секреты, трюки, приемы

Настройка идеальной критической последовательности рендеринга является одним из наиболее важных аспектов формирования быстрого отображения веб-страниц. Команда Google PageSpeed ​​уже несколько лет проливает свет на эту концепцию и считает ее одним из ключевых факторов скорости страницы. А когда говорят эти специалисты, то их следует слушать

Несмотря на то, что введение технологии CSS стало серьезным новшеством, которое до сих пор практически не имеет недостатков, важно понимать, как использование скриптов CSS может влиять на скорость загрузки веб-страницы, особенно когда речь заходит о ее визуализации

Если вы серьезно относитесь к ускорению вашего сайта, и для работы ваших веб-страниц требуются большие CSS скрипты, то для оптимизации доставки CSS пользователю вам придется использовать технику отложенной загрузки CSS файлов. Отложенная загрузка позволяет загрузить файлы CSS после того, как ваша веб-страница (DOM) полностью сформирована

Популярный дизайнерский прием - создать контейнер с содержимым, который выглядит как лист бумаги, и поместить под него другие листы бумаги, добавив многослойный или трехмерный стиль. Мы создадим такой эффект, используя чистый CSS, при этом мы рассмотрим несколько типов "стопок бумаги".

Метатеги — это отличный способ для вебмастера предоставить поисковым системам информацию о своем сайте. Метатеги могут использоваться, чтобы предоставить информацию всем типам клиентов, при этом каждая система обрабатывает только те метатеги, которые понимает, и игнорирует остальные

Установка для сайта шрифтов, которые являются шрифтами по умолчанию для конкретной операционной системы, может значительно ускорить его работу, потому что браузеру не придется загружать какие-либо файлы шрифтов, ведь они уже есть в системе. Это верно для, так называемых, "веб безопасных" шрифтов. Прелесть "системных" шрифтов заключается в том, что они соответствуют настройкам, используемым в ОС, таким образом, мы получаем комфортный вид

Из-за возможных различий в отображении браузерами одного и того же кода возникает необходимость в "подсовывании" ему персонального кода. При этом чаще всего приходится "бороться" с особенностями браузера Internet Explorer. К счастью, в некоторых случаях решить эту проблему помогает поддерживаемая браузером IE специальная технология