Етикети: SEO
Скорост на зареждане на сайта. Как да увеличим скоростта на изтегляне? Основни проблеми.
Препоръчва се скорост на зареждане на сайта Google - 2 секунди. (а сега погледнете скоростта си)
(Как да проверя скоростта на зареждане на уебсайт?Най-лесният и бърз начин е да отворите инструменти за разработчици CTRL+SHIFT+IСлед това изберете раздела „Мрежа“, след което опреснете страницата, за да видите скоростта на изтегляне, от която се нуждаете, за да опресните страницата, Опресняване без кеша: трябва да натиснете CTRL + F5 / CTRL + R. И по-долу ще бъде скоростта на изтегляне.)
Проверете скоростта на зареждане на сайта
с помощта на услуга от Google: PageSpeed Insights
(инфографика е взета от seoprofy ©2014)
Основните точки, които засягат най-много:
- Кеш
- css (стилове)
- JS (скриптове)
- Изображения (теглото им, размерът - да, точно размерът HxW, мета данни - да, има такова нещо, това е тяхната информация като: Дата, заглавие, тема и т.н.)
За да не рисувам много излишна информация за дребни моменти, които не влияят особено или имат нищожен ефект, няма да пиша за тях.
#1 КЕШ
кеширане (иликеш) е буфер (място), където се съхраняват всякакви данни. В нашия случай това са Снимки, код, стилове и др.
Най-лесният това, което можете да направите сами, е активиране на кеширане на хостинг.
(Ако имате хостинг на Ukraine.com.ua, тогава трябва да отидете на „Настройки на сайта“ -> „Основни настройки“ и ще има елемент „Кеширане“ и там избирате необходимото време, за което вашият сайт ще да се кешира. Аз лично препоръчвам да го зададете на 2 седмици - с този период на кеширане, google page speed insights добавя много точки.)
други методи свързани с htaccess, тагове на браузъра и т.н. могат да се намерят в интернет за доста статии и не виждам смисъл от пребоядисване. Можете да прочетете за видовете кеширане в статията на Habré.
#2 CSS (стилове)
CSS - (Cascading Style Sheets - каскадни стилови таблици).
Какво може да се направи със стилове?
добре Първо стиснете ги.
Второ намаляване на броя на файловете, т.е. обединете колкото е възможно повече, за да намалите броя на повикванията към сървъра.
Третовградете основните стилове, които влияят върху показването на видимата част на първия екран директно в
Оставям и няколко полезни връзки:
- услуги за компресиране на css
- как да компресирате css файлове
#3 JS (скриптове)
Тук също имаме няколко начина за оптимизиране на скриптове.
- Отложете зареждането на скрипта. Надуйте го възможно най-ниско, сложете го зад или дори по-ниско понякога помага, понякога не е опция. Но точка номер 2 идва на помощ.
- ASYNC – асинхронно зареждане на скрипт. Това се прави с помощта на параметъра „async“.