Всички знаем теста за скорост на Google PageSpeed ​​Insights. Както и вие ще сте преживели, получаването на оценка 100 в този тест за скорост на Google не е лесна задача. Всъщност много компании отчаяно се стремят да повишат оценката си на този тест без особен успех. Това е така, защото Google поставя доста високи изисквания по отношение на постигането на добър резултат.

подобрите

В тази статия ви казваме как е възможно да се получи бележка от 100. И освен това е възможно да го направите не на прост и основен уебсайт без твърде много функционалности, но можем да го получим на доста пълен уебсайт: този, който виждате в момента 🙂

Какво представлява тестът Google PageSpeed ​​Insights и за какво е предназначен?

PageSpeed ​​Insights е инструмент, разработен от Google, който показва ефективността на страница или уебсайт. Резултатите са разделени на две: мобилната версия (Mobile) и версията за настолни компютри (Desktop). Освен че ни дава оценка за нашия уебсайт, Google ни показва причините, поради които ни оценява по този начин, и ни дава серия съвети за подобряване на този резултат.

Google разделя оптимизациите на три широки категории при класирането на уебсайт:

  • Бърза мрежа: резултатът от теста показва, че уебсайтът е в горната трета на най-бързите страници.
  • Нормална мрежа: мрежата е в средната трета от най-бързите страници в интернет.
  • Бавна мрежа: мрежата е в най-бавната трета от интернет страниците.

The резултатът, който Google ни показва, е стойност, която преминава от 0 до 100. Резултат близо до 100 означава, че страницата е изключително бърза и няма неща за оптимизиране. И резултат, близък до 0, означава, че на уеб страницата трябва да се свърши много работа.

По отношение на бележката Google разделя резултата по следния начин:

  • Забележка добре: Резултат от 80 или по-висок.
  • Забележка половината: Резултат между 60 и 79.
  • Забележка Ела долу: Резултат между 0 и 59.

Защо е важно да имате бърз уебсайт

Според Google 53% от потребителите изоставят уеб страница, ако отнема повече от 3 секунди за зареждане. Тоест, ако вашият уебсайт не се зареди за по-малко от 3 секунди, повече от половината от вашите потребители ще отидат на друг уебсайт (и е възможно да го направят в някой от състезателите).

И сякаш това не е достатъчно, проучването също показва това за всяка секунда се зарежда уебсайт, конверсиите също намаляват. По-конкретно, 20% по-малко реализации за всяка изминала секунда.

С което, имайте бърз и оптимизиран уебсайт, това ще направи вашите потребители да имат страхотно потребителско изживяване. И това ще означава много повече реализации.

Ако уебсайтът отнема повече от 3 секунди за зареждане, над 53% от посетителите ще бъдат загубени и с всяка секунда закъснение във времето за зареждане процентът на преобразуване на страницата се намалява с повече от 20%.

Източник: Google

Скоростта на уебсайта не е необходима само за онлайн магазин. Тъй като изглежда ясно, че бързата електронна търговия ще ни позволи да увеличим продажбите. Необходимо е и за корпоративни уебсайтове. Тъй като всеки уебсайт иска да конвертира, или да купува от нас, свържете се с нас или ни се обадете. Или просто да покажем ефективно кои сме или какво правим. Във всички тези случаи трябва да имаме бърз и ефективен уебсайт.

Съвети за получаване на 100 клас в Google PageSpeed ​​Insights

The Факторите, които влияят при поставянето на бележките в теста на Google, са няколко и разнообразни. Тук ще ви покажем няколко примера, които ще ви помогнат да подобрите оценката си.

Всички техники, описани тук, са част от WPO: Оптимизиране на уеб ефективността, т.е. оптимизиране на скоростта на уебсайтовете.

Когато говорим за WPO, ние основно говорим за уеб оптимизация по отношение на времето за зареждане и скоростта. Те са поредица от стратегии, които в момента са незаменими, тъй като ще бъде безполезно да имаме много атрактивен дизайн, ако уеб страницата не е оптимизирана по отношение на скоростта.

Оптимизирайте изображенията

The оптимизацията на изображението е задължителна за да получите добра оценка на теста. Това е една от основните причини за ниските ноти, които са свикнали да виждат. Една от най-добрите техники за оптимизиране на изображенията е компресирайте ги. Можете да намалите средно 50% теглото на изображенията, ако ги компресирате.

Ако използвате WordPress, един от най-добрите плъгини за това, без да отделяте много време ръчно да ги компресирате, е WP Smush Image. Това е приставка, която има много функции в безплатната си версия.

използването на a приставка за автоматична оптимизация на изображението Важно е особено за уебсайтове, където има няколко издатели, които публикуват редовно. По този начин няма значение кой редактор качва съдържание с изображения, тъй като приставката автоматично ще оптимизира всички изображения, които са качени в мрежата.

Освен това можем да конфигурираме приставката така, че да позволява само максимални размери в изображението. Тоест, ако изображението има измерение, по-голямо от въведените от нас пиксели, то приставката автоматично ще преоразмерява изображението.

Ако не искате да използвате нов плъгин или просто вашият уебсайт не е разработен в WordPress или друга CMS като Drupal, която има подобен плъгин, можете да използвайте онлайн инструменти за компресиране и оптимизиране на изображения като Optimizilla или друг инструмент. Това е безплатен инструмент, който ви позволява да качвате до 20 изображения наведнъж.

Смалете и оптимизирайте HTML кода

Друг съвет, когато става въпрос за подобряване на скоростта на зареждане, ще бъде оптимизирането на HTML кода. Въпреки че трябва да се направи добре, тъй като ако не бъде направено правилно, това действие може напълно да деконфигурира интерфейса на вашия уеб проект.

Минимизирането на HTML кода е процес на премахване на ненужни или дублиращи се данни в изходния код на уебсайт. Причината за този проблем може да бъде лошо програмиран код, който може да бъде решен чрез одит на кода.

Отново има много приставки за WordPress, които ви позволяват да минимизирате HTML кода на вашия уебсайт.

Оптимизирайте CSS кода

Друг важен фактор е Оптимизация на CSS код. Обикновено CSS файловете са външни файлове, които трябва да бъдат заредени.

Много пъти тези CSS файлове съдържат код, който всъщност не се използва в страниците. Ако дадена страница използва само 10% код от CSS файл, тя всъщност ненужно зарежда останалите 90% от този файл.

Първото нещо, което трябва да направите, е:

  • Анализирайте какъв код и/или CSS файловете са наистина необходими
  • Отстранете грешката в кода да се опитате да отслабнете
  • В много случаи, директно вмъкнете CSS кода в HTML код може да бъде валидна опция

Оптимизирайте JavaScript (JS) кода

Сред много неща, JavaScript ви позволява да активирате мощни функции и интерактивни блокове на страници. Проблемът е, че тези скриптове забавят много уеб страницата и трябва да внимавате да не злоупотребите с твърде много от тях.

Първото нещо, което трябва да направите, е проверете уеб страницата и премахнете целия JavaScript код това не е необходимо за изискванията, които имаме на нашия уебсайт. След като разполагаме само с основните скриптове, можем да приложим тези 3 съвета:

  1. Некритични скриптове трябва да бъдат след зареждане, вместо първо да се зарежда.
  2. Заредете всички външни JavaScript файлове, така асинхронен, по-скоро синхронно. Синхронно заредените скриптове поставят на пауза процеса на изобразяване на страницата, докато асинхронно заредените скриптове позволяват на браузъра да зарежда множество елементи едновременно.
  3. Да обмисли поставете някои JS функции вътре (вградени) на самата страница. Това ще ни позволи да намалим броя на заявките, които вашият браузър трябва да направи.

Оптимизиране на сървъра (хостинг)

Това е може би един от най-важните моменти, които трябва да се вземат предвид по отношение на скоростта. Сървърът, на който се хоства нашият уеб проект, е от жизненоважно значение.

Времето за реакция на сървъра е пряко фактор за оценката на Google PageSpeed ​​Insights. Според Google това време за реакция може да се забави според няколко фактора:

  • Брой заявки към базата данни
  • Бавно маршрутизиране
  • Използване на определени рамки
  • Използване на определени библиотеки
  • Ниски ресурси на процесора
  • Ниски RAM ресурси

В допълнение към тези фактори, наличието на добър системен администратор, който да управлява хостинга ни, е много важно. По този начин можете да конфигурирате и инсталирате софтуер, който позволява на мрежата да се зарежда много по-бързо. Като например използването на статични и динамични кеш системи.

В Kiwop оптимизираме сървъри, използвайки Nginx, Varnish, Redis Server, memcache и др ...

Вече казват, че евтиното е скъпо. И е вярно, че евтиният хостинг може да бъде много скъп, когато става въпрос за оптимизация и скорост на мрежата.

Наблюдавайте използването на външни приставки

Преди всичко, ако използваме WordPress, трябва да бъдем бдителни с използването на външни приставки. В Kiwop всяка нова функция, която се изисква от уеб разработката, се анализира много преди да се приложи. Вместо да използваме нов външен плъгин за всяко ново изискване, ние го персонализираме, когато е възможно. От когато го програмираме за измерване, ние включваме само функциите, от които наистина се нуждаем. От друга страна, външните приставки включват много функции, които не са необходими и това, което правят, е да забавят времето за зареждане на страницата.

Приоритизирайте съдържанието в горната част на страницата

Въпреки че изглежда странно, скоростта на дадена страница не се основава само на това колко бързо се зарежда. Това е свързано и с възприеманото изпълнение. Възприеманата производителност може да бъде дефинирана като „колко бързо се зарежда мрежата“. И това може да се различава от действителното време за зареждане. Възприеманата производителност е свързана с перспективата на потребителя.

За да се даде приоритет на това възприемано изпълнение е много важно да се даде приоритет на съдържанието, което е важно за потребителя. Например текстът в горната част на страницата трябва да се зареди преди долния колонтитул. Лошо програмиран уебсайт може да започне да зарежда функционалности и блокове на долен колонтитул, които потребителят не вижда на пръв поглед.

Внедрете AMP

AMP е технология, създадена от Google, която предлага много по-бързо преживяване при зареждане на страници на мобилни устройства. AMP ограничава използването на HTML и JS, значително увеличаване на скоростта на страниците и между другото, подобряване на позиционирането ви.

Прилагането на AMP ще ни позволи да увеличим оценката на Google Page Insights, особено на мобилни устройства. Въпреки че това е технология, която трябва да бъде разработена с голямо внимание, тъй като тя може напълно да деконфигурира всяка уеб страница.

Ние сме експерти в AMP технологията. Всъщност целият ни уебсайт е валиден AMP:

Каква оценка получихме за Kiwop в теста на Google

След всички теоретични съвети, които сме ви дали, предполагаме, че това, което наистина ви интересува, е да знаете дали тези съвети работят. Да, те работят. В Kiwop получаваме някои 89 бележки в мобилната версия и максималната бележка, 100, в настолната версия в Google PageSpeed ​​Insights. Не вярваш ли? Ето теста във версията за настолни компютри:

И тук ние също така показваме доказателството за оценката, получена в мобилната версия, тъй като повечето хора винаги забравят да покажат тази бележка, тъй като тя е много по-ниска от бележката за настолната версия:

Направете теста сами: отидете на страницата на Google PageSpeed ​​Insights, в полето за URL сложете https://www.kiwop.com и ще го видите с очите си 🙂

Искате ли Kiwop да оптимизира вашия уебсайт, за да подобри резултата от теста на Google? Трябва да ви предупредим, че ако искате да имате същите бележки като нас, ще трябва да създадем нов уебсайт за вас.

Заключения

Със сигурност сте положили много усилия (във време и ресурси), за да развиете своя уебсайт. С което искате да е възможно най-съвършен. А наличието на висока скорост е важен фактор.

В допълнение към теста на Google има и други страници, които ни позволяват да оценим скоростта на нашата страница, като GTMetrix (бележката е комбинация от PageSpeed ​​и YSlow) или WebPageTest. И в двата теста нашата страница също получи отлични резултати:

Както видяхме, всяко изображение, елемент и т.н. ... трябва да се вземат предвид при получаване на добра оценка. Ето защо е важно да имате експертни разработчици при разработването на вашия уебсайт.

Получаването на оценка 100 на теста за скорост на Google PageSpeed ​​Insights може да ви даде тласък на вашия уебсайт, за да бъде успешен. В Kiwop ще се радваме да ви помогнем!