Скорост на зареждане защо и как да подобрите Genious Interactive
Автор
Категории
Обобщение
The изпълнение на сайта винаги е бил основен критерий за увеличаване на трафика и подобряване на потребителското изживяване. Това обаче стана още по-важно, тъй като скоростта на зареждане се взема предвид при позиционирането в търсачките. Genious Interactive обяснява защо трябва да подобрите своя скорост на зареждане и как да го постигнете.
Защо да подобрите скоростта на зареждане на вашия сайт ?
Подобрете задържането на посетителите
The скорост на зареждане на даден сайт е първото впечатление, което се дава на посетителя. Във време, когато всичко трябва да е мигновено, дори на мобилни устройства, потребителят не чака повече. Ако вашият сайт отнема твърде много време за зареждане, вероятно ще напуснете страницата, за да се върнете към търсенето си, което ще увеличи вашата скорост на отскок*. Проучванията показват, че 47% от потребителите очакват дадена страница да се зареди за по-малко от 2 секунди и 40% от потребителите на интернет затварят страница, ако отнема повече от 3 секунди. Намаляването на времето за зареждане ще помогне за по-дълго задържане на потребителя,увеличете броя на реализациите (покупки, регистрации) и дайте положителен имидж на вашата марка. По този начин посетителят ще бъде по-склонен да се върне към вашите страници.
* процент на потребителите, които влизат в уеб страница и след това напускат сайта, без да преглеждат други страници
Подобрете SEO
От 2010 г. Google е взел предвид скоростта на зареждане в своите SEO класиране. По този начин уеб гигантът насърчава препращането към сайтове, които се зареждат и показват бързо. И обратно, дългото време за зареждане ще доведе до загуба на видимост. Вашият сайт ще бъде наказани в SEO и може да получи много възпиращ „Red Slow Label“ в търсачките.
Как да се измери скоростта на зареждане? С какви инструменти ?
Преди да започнете някакви промени, трябва тествайте скоростта на зареждане и тези на вашите конкуренти, за да знаете дали сайтът ви е бавен и да си поставите цел за постигане.
Съществуват много онлайн инструменти измерете скоростта на вашия сайт (Google PageSpeed, GT Metrix, Webpagetest, Pingdom, Yslow (разширение за Chrome), Firebug (разширение за Firefox)). За по-надеждни резултати е препоръчително да използвате няколко.
Тези инструменти ще ви предоставят показатели за ефективност (или KPI) като:
• TTBF (Time to First Byte), време, необходимо на сървъра за изпращане на първия си отговор,
• Start Render: време за показване на пиксел на екрана,
• Напълно заредено време: време за зареждане на цялата страница и нейните елементи,
• Byte In: количество данни, които браузърът трябва да извлече, за да покаже страницата напълно.
Внимание ! Онлайн инструментите ви дават време за зареждане на кода на страницата. Трябва също да вземете предвид скоростта на потребителя, латентността (времето за преминаване между сървъра и браузъра) и мобилната връзка, за да знаете скоростта, действително възприета от потребителя. Инструментът Webpagetest ви позволява да тествайте скоростта на вашия сайт като изберете браузъра, местоположението, интернет връзката и много други опции.
Как да подобрите скоростта на зареждане на вашия сайт ?
Много фактори могат да бъдат източник на бавност за вашия уебсайт: прекалено големи изображения и кодови файлове, лоша производителност на сървъра, неподходящ уеб хостинг и др. Ето нашите съвети за намаляване на времето за зареждане на вашите страници.
Оптимизирайте вашите изображения за мрежата
Теглото на изображенията е една от основните причини за забавяне на уебсайта. Преди да публикувате изображение в мрежата, помислете за:
• Проверете дали има разделителна способност 72 dpi (пиксел/инч) или изберете „Save for the Web“ в софтуера за редактиране на изображения (Photoshop или Gimp),
• Изберете формат на изображението, съвместим с мрежата: JPEG за снимки, PNG за ефекти на прозрачност, GIF за анимации,
• Намалете размера на изображението, за предпочитане чрез вашия CMS (автоматично генериране на миниатюри), софтуер или онлайн инструмент, а не чрез CSS код за по-добро качество,
• Компресирайте изображението с помощта на онлайн инструменти като Compressor, ezGif, TinyPNG, Image Optim или, в случай на сайт на WordPress, чрез инсталиране на плъгини като Image Optimizer, Imagify, Smush.
В идеалния случай теглото на уеб изображението е между 50 и 500 KB.
Друго решение за по-кратко време за зареждане, когато искате да стигнете до дизайна на вашия сайт: използвайте метода на CSS спрайтове, което се състои в обединяване на няколко изображения в едно и само избиране на областта за показване.
Ако страниците ви съдържат много изображения, можете също да използвате асинхронно зареждане (Lazy Load), за да ги покажете само когато се виждат на екрана. Парадоксално е, че използването на Lazy Loading не се препоръчва за SEO, тъй като не всички търсачки могат да изпълняват JavaScript кодове.
Намалете теглото на вашите кодови файлове
Ако бавността не е свързана с теглото на вашите изображения, вашият код може да е причината. Ето 3 стъпки към олекотете вашите HTML, CSS и JS файлове.