Оптимизацията на скоростта на страницата е от решаващо значение за всеки уебсайт и е от основно значение за неговата SEO оптимизация и потребителското изживяване. Освен това тя оказва голямо влияние върху класирането на трафика на вашия сайт и показателите на Google. Скоростта на страницата може да бъде измерена и подобрена по няколко начина и в тази статия ще бъде представен основен преглед на начините за това. Но първо, грубо описание на това как се зареждат страниците:
- Потребител отива на техния уебсайт и въвежда уебсайт, който води до DNS заявка.
- Това ги свързва с доставчика на името на домейна, който ги пренасочва към вашия сървър, където се намират всички ваши файлове.
- Моделът на обекта на документа (DOM) зарежда HTML, CSS и JavaScript за страницата. Обикновено DOM трябва да изисква допълнителни ресурси от сървъра, което води до голямо забавяне.
Що се отнася до начина, по който Google оценява скоростта на страниците, има 2 основни показателя, които се вземат предвид:
- време за натоварване над сгъването: Времето, изминало от момента, в който потребителят поиска нова страница, до момента, в който браузърът визуализира съдържанието, разположено над страницата.
- време за пълно зареждане на страницата: Времето, изминало от момента, в който потребителят поиска нова страница, до момента, в който страницата е напълно визуализирана от браузъра.
Фактори, влияещи на скоростта
Има няколко различни неща, които трябва да се разгледат, когато уебсайтът ви се забавя. Едно от първите е изображения, тъй като по-тежките могат сериозно да затруднят товаренето. За да разрешите този проблем, може да се наложи да компресирате и да промените размера на снимките си, за да ги приведете в съответствие с изискванията. Като правило една страница не трябва да е по-голяма от един мегабайт (а повечето дори не е необходимо да са толкова големи). Оптимизацията на изображенията е най-честият виновник, причиняващ забавяне на множество страници поради небрежност и неспазване на начина на качване на изображенията.
Макар че софтуерът на CMS като WordPress може да свърши прилична работа за промяна на размера и компресиране, най-добре е да го направите сами. Оставянето на WordPress често означава, че файловете ви ще бъдат с 15% до 30% по-големи, отколкото ако са били ръчно компресирани преди качване.
Хостинг е друг фактор, който може да даде предимство на страницата ви. Важно е да изберете уеб хостинг пакет, който ще ви помогне да подобрите скоростта на зареждане на страницата си. Това може да се подобри чрез сървър, който разполага със специални ресурси, което не позволява на други сайтове да използват мощността на процесора и паметта ви. По същия начин помага и наличието на по-добър SSD твърд диск и съхраняването на базата данни и други ресурси директно на уеб сървъра. Можете също така кеш и Минифициране на ресурси, което ще помогне за подобряване на скоростта на сайта ви.
Проследявайте своите плъгини, приложения и уиджети. Всички скриптове на трети страни могат да затруднят значително скоростта ви. Какво тема които използвате, също могат да имат значение, защото по-тежките могат да бъдат изтощителни. На брой пренасочвания за да стигнете до уебстраницата, също може да наруши оптимизацията на скоростта на страницата ви. Можете също така да ускорите нещата, като използвате HTTP/2, предварително зареждане, предварително свързване, и елементи за предварително зареждане.
Инструменти за оптимизиране на скоростта на страницата
Когато става въпрос за инструменти, тези, които Google предоставя, винаги са чудесна отправна точка. Това включва Собствен доклад за потребителския опит на Chrome и Фар на Google (която разгледахме в предишна статия). Докато докладът за Chrome е полезен само за големи уебсайтове, Lighthouse може да извърши одит на почти всичко. Тъй като и двата инструмента са от Google, те могат да предоставят точно тези данни, от които се нуждаете. Освен това Lighthouse дава на потребителите и обратна връзка за това какво могат да подобрят, подобно на друг инструмент: Инсайт за скоростта на страницата.
Съществуват и алтернативи, които не са на Google, като Pingdom и GTmetrix които могат да бъдат полезни сами по себе си. Подобни инструменти са налични на testmysite.thinkwithgoogle.com
Показатели за скорост
Първа съдържателна боя е моментът, в който се появява първата част от съдържанието. Обикновено това е част от лентата за търсене, където името се появява по време на зареждането. След това е Първа смислена боя, което се случва, когато първичното съдържание става видимо за първи път. Според Google (който е създател на термина): "Да кажем, че имате страница за електронна търговия и има изображение, което е от решаващо значение за страницата, тогава първата значима боя изисква това изображение да бъде видимо". Това време може да бъде решаващо, тъй като дава на потребителя някакво съдържание, което да разгледа, преди да може да взаимодейства с всичко. Ако зареждането в тази част е бавно, повечето потребители се отклоняват и отиват на друга страница.
След тези 2 е Време за интерактивност, когато тя е визуално използваема и потребителят може да взаимодейства правилно със страницата. И накрая, има момент, в който страницата има Заредено съдържание на DOM. Това се отнася за момента, в който HTML е напълно заключен и зареден.