Статии

Скорост на зареждане на сайта. 4 основни фактора.

Етикети: SEO

Скорост на зареждане на сайта. Как да увеличим скоростта на изтегляне? Основни проблеми.

Препоръчва се скорост на зареждане на сайта Google - 2 секунди. (а сега погледнете скоростта си)

(Как да проверя скоростта на зареждане на уебсайт?Най-лесният и бърз начин е да отворите инструменти за разработчици CTRL+SHIFT+IСлед това изберете раздела „Мрежа“, след което опреснете страницата, за да видите скоростта на изтегляне, от която се нуждаете, за да опресните страницата, Опресняване без кеша: трябва да натиснете CTRL + F5 / CTRL + R. И по-долу ще бъде скоростта на изтегляне.)

Проверете скоростта на зареждане на сайта
с помощта на услуга от Google: PageSpeed ​​Insights

(инфографика е взета от seoprofy ©2014)

Основните точки, които засягат най-много:

  1. Кеш
  2. css (стилове)
  3. JS (скриптове)
  4. Изображения (теглото им, размерът - да, точно размерът HxW, мета данни - да, има такова нещо, това е тяхната информация като: Дата, заглавие, тема и т.н.)

За да не рисувам много излишна информация за дребни моменти, които не влияят особено или имат нищожен ефект, няма да пиша за тях.

#1 КЕШ

кеширане (иликеш) е буфер (място), където се съхраняват всякакви данни. В нашия случай това са Снимки, код, стилове и др.

Най-лесният това, което можете да направите сами, е активиране на кеширане на хостинг.
(Ако имате хостинг на Ukraine.com.ua, тогава трябва да отидете на „Настройки на сайта“ -> „Основни настройки“ и ще има елемент „Кеширане“ и там избирате необходимото време, за което вашият сайт ще да се кешира. Аз лично препоръчвам да го зададете на 2 седмици - с този период на кеширане, google page speed insights добавя много точки.)

други методи свързани с htaccess, тагове на браузъра и т.н. могат да се намерят в интернет за доста статии и не виждам смисъл от пребоядисване. Можете да прочетете за видовете кеширане в статията на Habré.

#2 CSS (стилове)

CSS - (Cascading Style Sheets - каскадни стилови таблици).
Какво може да се направи със стилове?
добре Първо стиснете ги.
Второ намаляване на броя на файловете, т.е. обединете колкото е възможно повече, за да намалите броя на повикванията към сървъра.
Третовградете основните стилове, които влияят върху показването на видимата част на първия екран директно в , а останалите оставете във файла.

Оставям и няколко полезни връзки:

  • услуги за компресиране на css
  • как да компресирате css файлове

#3 JS (скриптове)

Тук също имаме няколко начина за оптимизиране на скриптове.

  1. Отложете зареждането на скрипта. Надуйте го възможно най-ниско, сложете го зад или дори по-ниско понякога помага, понякога не е опция. Но точка номер 2 идва на помощ.
  2. ASYNC – асинхронно зареждане на скрипт. Това се прави с помощта на параметъра „async“.