Защо скоростта на страницата е критична? Как да тествате и подобрите вашето
Повечето сайтове губят около половината от посетителите си поради бавна скорост на страницата. Всъщност средната уеб страница за настолни компютри процент на отпадане е 42%, средният процент на отпадане на мобилната уеб страница е 58%, а средният процент на отпадане на целевата страница след кликване варира от 60 до 90%. Не ласкавите номера по никакъв начин, особено като се има предвид, че използването на мобилни устройства продължава да расте и с всеки ден става все по-трудно да се привлече и задържи вниманието на потребителите.
Според Google средното време за зареждане на страницата за най-добрите целеви страницивсе още е бавни 12.8 секунди. Това включва места, където достъпът до мобилен интернет е широко разпространен и скоростите на 4G са едни от най-високите в световен мащаб.
Тази средна скорост на страниците е твърде дълга, като се има предвид, че 53% от потребителите изоставят страниците само след 3 секунди - и оттам става само по-лошо:
Тогава каква е добрата скорост на зареждане на страницата? Почти мигновено.
За щастие има решение. Преди да стигнем до това обаче, нека разкрием повече за важността на скоростта на страницата.
Защо е важна скоростта на страницата
eMarketer показва, че през 2019г глобалните разходи за дигитална реклама ще надхвърлят $ 316 милиард и изглежда само да се увеличи в обозримо бъдеще:
Ясно е, че марките харчат огромни суми за реклами и очакват да извлекат максимума от бюджета си. Но когато хората кликнат върху реклама - и целева страница след щракване не успее да се зареди незабавно - те вероятно щракват обратно в рамките на няколко секунди и следователно бюджетът на рекламодателите се губи.
Последиците от разходите за скоростта на страницата са огромни и трябва абсолютно да превърнете скоростта на страницата в приоритет, за да продължите напред. Ето няколко показателя и точки, които трябва да имате предвид, когато оценявате собствените си дигитални рекламни кампании:
Качествени резултати
Бавните зареждания на страници не само разочароват потребителите, но и причиняват страдания от качествения рейтинг. Тъй като качественият рейтинг е пряко свързан с вашия рекламен ранги в крайна сметка какво можете да платите за всяко кликване, бавно зареждащата се страница естествено намалява резултатите.
Обменни курсове
Ако по-малко хора се придържат да чакат страницата ви да се зареди, по-малко хора получават шанса да конвертират. Те изоставят страницата ви, преди дори да видят вашата оферта, предимства, подканваща фраза и т.н.
В търговията на дребно, например, дори a едносекундно закъснение при мобилни времена на зареждане може да повлияе на процента на конверсия с до 20%.
Мобилно изживяване
По средата на 2016 г., използване на мобилна мрежа преминал обем на трафика на работния плот:
С разходите на потребителите повече време на мобилен телефон, търговците и рекламодателите бяха принудени (и все още са) да се адаптират. Един от начините за доставка оптимизирани за мобилни устройства кампании е да създадете страници с бързо зареждане.
Което ни води до решение за скорост №1 на страницата, което разглежда всеки от тези проблеми.
Целевите страници на AMP увеличават скоростта на страниците
AMP, рамка с отворен код въведена през 2016 г., предоставя начин на рекламодателите да създават светкавично бързи и гладко зареждащи се мобилни уеб страници, които дават предимство на потребителското изживяване преди всичко.
AMP страниците са привлекателни за рекламодателите, тъй като осигуряват почти моментално време за зареждане, като същевременно поддържат някои възможности за персонализиране на стила и марката. Те позволяват по-бързо изобразяване на целевата страница след щракване, тъй като ограничават HTML / CSS и JavaScript. Също така, за разлика от традиционните мобилни страници, AMP страниците автоматично се кешират от Google AMP Cache за по-бързо време на зареждане при търсене с Google.
Като лидер в оптимизацията след щракване, Instapage предлага възможността да създава целеви страници след щракване, използвайки AMP рамката:
С Инстаграм AMP конструктор, търговците и рекламодателите могат:
- Създайте AMP целеви страници след щракване директно от платформата Instapage, без разработчик
- Проверете, A / B тест и публикувайте AMP страници в WordPress или потребителски домейн
- Осигурете по-добро мобилно изживяване, увеличете качествените резултати и стимулирайте повече реализации
Революционната компания за слухови апарати Eargo постигна невероятни резултати, откакто внедри AMP в своето изживяване след щракване:
AMP целеви страници с Instapage
В допълнение към изграждането на AMP страници с Instapage, има няколко други начина, по които можете да подобрите скоростта на страниците. Ето три от тях, за да започнете.
3 Други начини за подобряване на скоростта на страниците
1. Използвайте инструментите за скорост на страницата
PageSpeed Insights е тестът за скорост на Google, който оценява страницата ви от 0 до 100 точки:
Точкуването се основава на два параметъра:
- Време за зареждане над прегъването (общото време за показване на страницата над прегъването, след като потребителят поиска нова страница)
- Време за зареждане на цяла страница (времето, необходимо на браузъра, за да изобрази напълно страницата, след като потребителят я поиска)
Колкото по-висок е резултатът ви, толкова по-оптимизирана е вашата страница. Като правило, всичко над 85 показва, че страницата ви се представя добре. По-ниско от 85 и трябва да разгледате предложенията, предоставени от Google, за да повишите резултата си.
PageSpeed Insights предоставя отчети както за настолната, така и за мобилната версия на вашата страница, а също така предлага препоръки за подобрения.
Помислете с Google: Тествайте моя сайт, стартиран от екипа на PageSpeed Insights, тества само скоростите на мобилните страници, за разлика от мобилните устройства и настолните компютри. Това е друг показател за това колко бързо (или бавно) се зареждат страниците ви:
Този инструмент показва времето за зареждане, предоставя персонализирани препоръки за ускоряване на всяка страница в сайта ви и след това предлага опцията за генериране на пълен отчет.
2. Напълно оптимизирани изображения (компресия)
Оптимизирането на изображения с компресия, преоразмеряване, преформатиране и т.н. може да помогне за спестяване на байтове, ускоряване на времето за зареждане на страницата и подобряване на производителността на мобилния сайт. Между други най-добри препоръки, Google казва да премахва ненужните изображения с висока разделителна способност и GIF файлове и да замества изображения с текст или CSS, когато е възможно.
Освен това сега е по-лесно от всякога да се сервират компресирани и преоразмерени изображения, защото тези настройки могат да бъдат автоматизирани. Например, може да имате стотици изображения, преоразмерени и компресирани автоматично със скрипт, намалявайки ръчната работа (при изграждането на AMP страници персонализираните маркери на изображения правят много от същите оптимизации автоматични).
Изборът на оптимален формат на изображението може да бъде труден с толкова много налични опции. Всичко зависи от случая на употреба, но ето някои от най-често срещаните:
- WebP: Фотографски и полупрозрачни изображения
- JPEG: Снимки без прозрачност
- PNG: Прозрачен фон
- svg: Мащабируеми икони и форми
Google препоръчва да започнете с WebP, защото позволява 30% повече компресия от JPEG, без загуба на качество на изображението.
3. Приоритизирайте съдържанието, разположено над страницата
Подобряването на възприятието на потребителя за скоростта на сайта е почти толкова важно, колкото и самото подобряване на скоростта на сайта. Ето защо, след като изображенията ви бъдат оптимизирани, трябва да се уверите, че са доставени в точния точен момент.
Помислете за това: На мобилно устройство видимата част от сайта е ограничена до малка площ, над гънките. В резултат на това имате възможност бързо да заредите съдържанието в тази област, докато останалите елементи под гънката се изтеглят във фонов режим.
Забележка: Това, което помага да се направи AMP уникален, е, че има вградено приоритетно зареждане на ресурси, като гарантира, че първо се изтеглят само най-важните ресурси.
Може да бъде предизвикателство да намалите броя на изображенията на даден сайт - особено за търговските марки, например, с много продукти - но все пак е критично поне да намалите въздействието на изображенията върху времето за зареждане с тези три тактики.
Увеличете скоростта на страницата си с AMP
Ако вашите мобилни страници страдат от висок процент на отпадане и нисък процент на конверсия поради бавна скорост на зареждане на страниците, AMP страниците могат да бъдат вашата спестяваща благодат.
Започнете да създавате AMP страници след щракване, за да доставяте бързо, оптимизирано и подходящо мобилно сърфиране на посетителите си и да подобрявате качествените си резултати и конверсии в процеса.