К основному контенту

Другие методы оптимизации

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

preconnect, prefetch, prerender, preloading, subresource

Перед тем, как начать загружать ресурсы сайта, браузеру нужно установить его IP адрес. И только после этого он сможет загрузить содержимое. Конечно, на это потребуется какое-то время.

Для предварительного разрешения доменных имен в адресах можно использовать ссылки отношений с типом отношения (значение атрибута rel) - dns-prefetch

Например если в WordPress мы используем CDN с адресом - s.w.org, то в блоке head можно указать следующий дескриптор:
<link rel='dns-prefetch' href='//s.w.org' />

Lazy Load

Lazy Load - это технический прием, который позволяет осуществить отложенную загрузку изображений, что актуально для страниц с большим количеством изображений. Часто изображения загружаются по мере пролистывания страницы пользователем. Использование Lazy Load позволяет увеличить скорость загрузки страницы и уменьшить нагрузку на сервер.
При использовании Lazy Load желательно сразу настраивать микроразметку изображений и дополнительно помещать ссылки на изображения в карту сайта.
<div itemscope itemtype="http://schema.org/ImageObject">
  <h2 itemprop="name">Винни-Пух</h2>
  <img src=​"LazyLoad.jpg" itemprop="thumbnail" /> <!-- /* после будет vinni.jpg */ -->
  <meta content=​"vinni.jpg" itemprop="contentUrl" />
  <span itemprop="description">Винни-Пух залезает на дерево.</span>
</div>
Аналогичного эффекта можно достичь за счет использования прогрессивной загрузки изображений (пример прогрессивной загрузки).

Дополнительные материалы:



Комментарии

Отправить комментарий