Как увеличить скорость загрузки страниц на сайте

На форуме Webmasters увидел интересное решение для того, чтобы увеличить скорость загрузки страниц на сайте, то есть чтобы скорость была быстрее, а время загрузки страниц меньше.)

Помимо использования плагинов кеширования и оптимизации кода, можно использовать еще один метод. Суть заключается в том, что при наведении на ссылку страницы, нужная страница начнет загружаться в фоновом режиме еще до нажатия на нее. Что позволит сразу загрузить страницу и отобразить ее во время клика, или, как минимум, начать ее загрузку раньше.

Все, что будет использоваться это: ajax + HTML5 History API = InstantClick.

Скачайте скрипт instantclick.min.js и загрузите на сайт в корень или в папку со скриптами.

В футер добавьте код:

<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

Если на сайте используются плагины кеширования, очистите кеш.

В случае, если возникнут ошибки, какие-то ссылки будут отображаться неправильно или возникнут ошибки в функционале сайта, то к ссылкам, которые вызывают ошибки, необходимо будет добавить атрибут «data-no-instant»:

<a href="#" data-no-instant>ссылка</a>

Тоже самое касается скриптов, если возникнут ошибки со скриптами, то просто добавьте атрибут «data-no-instant».

После подключения данного скрипта, скорость загрузки страниц на сайте должна заметно увеличиться.

Выпадающий блок при наведении на родительский элемент

Делал для одного сайта выплывающие блоки при наведении на родительский элемент. В принципе, нет ничего…

Овальная кнопка с помощью CSS

Нашел на просторах сети интересную овальную кнопку, которая построена только на CSS3 без использования графических…

Перевод кириллицы в UTF-8

В таблице все, кроме буквы «Ё» — у нее кодировка в порядок не вписывается —…

Текстовые подстановки в HTML

Для ввода в HTML документ символов, которые отсутствуют на клавиатуре или которые имеют в синтаксисе…

Ответить