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

Кнопка "Наверх" или Scroll To Top своими руками

 alexei 07/04/2020 - 09:16
Кнопка Наверх своими руками
Повысить удобство работы вашего сайта можно с помощью особой кнопки в виде стрелки вверх, которая появляется тогда, когда пользователь начинает прокручивать страницу вниз. При нажатии на такую кнопку страница плавно прокручивается вверх

Умное перенаправление по ошибке 404

 alexei 18/02/2020 - 10:38
Умное перенаправление по ошибке 404
Плохо реализованная страница ошибки 404 ("Страница не найдена") может стать причиной массовой потери посетителей и клиентов сайта. И с этим следует всячески бороться. Ведь даже страница с ошибкой 404 является потенциальной воронкой конверсии, если, конечно, все сделать правильно. При этом, если сайт построен криво, то такая страница может даже стать вашей самой посещаемой целевой страницей

Возможно вам больше не потребуется jQuery

 alexei 24/09/2019 - 09:35
С момента выпуска jQuery в 2006 году DOM и нативное API браузеров значительно улучшились. Статьи о том, что вполне можно обходиться без jQuery, выходят с 2013 года. Не хотелось бы пересказывать уже старые тезисы, но с тех пор в браузерной стране многое изменилось. Браузеры продолжают внедрять новые API-интерфейсы, которые избавляют от проблем при разработке без использования JavaScript библиотек, многие из которых напрямую скопированы из jQuery

Оптимизируем загрузку шрифтов Google

 alexei 07/08/2019 - 09:25
Шрифты Google легко внедрить на сайт, но они могут оказать большое влияние на время загрузки вашей страницы. Давайте рассмотрим, как мы можем загрузить их наиболее оптимальным способом

Как настроить критические последовательности рендеринга веб-страницы

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

Оптимизация загрузки CSS

 alexei 10/05/2019 - 09:52
Оптимизация загрузки CSS
Несмотря на то, что введение технологии CSS стало серьезным новшеством, которое до сих пор практически не имеет недостатков, важно понимать, как использование скриптов CSS может влиять на скорость загрузки веб-страницы, особенно когда речь заходит о ее визуализации

Отложенная загрузка CSS

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

Графический эффект "стопка бумаги" на CSS

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

HTML приемы. Инструкции поисковым роботам при помощи мета тегов

 alexei 22/01/2019 - 09:46
Метатеги — это отличный способ для вебмастера предоставить поисковым системам информацию о своем сайте. Метатеги могут использоваться, чтобы предоставить информацию всем типам клиентов, при этом каждая система обрабатывает только те метатеги, которые понимает, и игнорирует остальные

CSS приемы. Стек системных шрифтов

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

Как добавить классы в тег body только для IE

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