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

научете

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

Представете си следната ситуация: отидохте на бърза храна, известна с това, че доставяте поръчки за до 5 минути, но минаха 15 минути, откакто сте направили поръчката и нищо. Колко време ще ви отнеме да се откажете? Ами ако съседната бърза храна гарантира подобна поръчка само за 3 минути?

В интернет ситуацията е подобна, но историята се променя за секунди, тъй като когато искате дадено съдържание, влизате в уебсайт и отнема повече от 10 секунди, за да се зареди, преди да го забележите, вече сте в Google отново и търсите друг вариант, Тъй като всяка секунда чакане изглежда като цяла вечност!

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

Влияе ли скоростта на резултатите от уебсайта?

Още през 2010 г. Google обяви, че времето за зареждане на страници е един от над 200 фактори за класиране. Това означава, че времето, необходимо на вашия уебсайт за зареждане спрямо вашите конкуренти, е една от влиятелните точки на органичното позициониране на уебсайтовете на страницата с резултати. Според изследване на Backlinko, по-бавните уебсайтове се наказват.

Освен че е един от органичните фактори за класиране на Google, скоростта на уебсайта влияе и върху потребителското изживяване и вашите резултати, според данните, които следва да се следват:

  • Всяка допълнителна секунда на зареждане на страница води до 11% спад в показванията на страници и 16% спад в удовлетвореността на клиентите, според Aberdeen Group;
  • Според изследване на Kissmetrics, 40% от посетителите изоставят страници, които отнемат повече от 3 секунди за зареждане и на всеки 1 секунда или повече по време на зареждане на уебсайта намаляват реализациите със 7%;
  • 88% от потребителите, които са имали лош опит при влизане в уебсайт поради скорост на зареждане, са по-малко склонни да купуват от него и повече от една трета от тези потребители ще споделят лошия си опит с приятели, изследване на Econsultancy .
  • 85% от потребителите на мобилни устройства очакват страницата да се зареди поне толкова бързо, колкото работния плот, според Web Performance Today .

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

Какво е идеалното време за зареждане?

Според Pingdom, който има инструмент за измерване на скоростта на уебсайтовете, средното време за зареждане на сайтовете е 5 секунди. Във видеото за ефективността на сайта на Google за уеб администратори Maile Ohye заявява, че 2 секунди са ограничението за добро представяне.

Специалистът Джеф Кениън също проведе разследване, в което установи, че в случай, че даден уебсайт се зареди за 5 секунди, той е по-бърз от приблизително 25% от интернет; за 2,9 секунди, повече от 50% от мрежата; и ако се зареди за 0,8 секунди, това е най-бързият от 94% от цялата мрежа.

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

Как да измерим скоростта на уебсайта?

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

Google PageSpeed ​​Insights

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

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

  • „Трябва да коригирате“: маркирани в червено, това са известия за подобрения, които, ако бъдат приложени, ще генерират по-голямо влияние върху времето за зареждане на страницата;
  • „Помислете за коригиране“: маркирани в жълто, това са известия за подобрения, които не оказват голямо влияние върху скоростта на страницата и не трябва да бъдат приоритетни;
  • „Одобрено в ...“: маркирано в зелено, са положителните точки на страницата.

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

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

Стъпката по стъпка за използване на инструмента е много подобна на тази на Pagespeed Insights. Просто го въведете, включете връзката към страницата, която искате да анализирате и генерирайте отчета. Препоръчително е обаче да създадете акаунт (дори и да е безплатен), преди да започнете анализа, тъй като това ви позволява да промените региона, в който ще се изпълнява тестът, какъв ще бъде браузърът и устройството, какъв тип мрежа, в в допълнение към други възможности за конфигуриране и повече информация в окончателния отчет. Колкото по-близо е тестът до публичния регистър, който влиза в уебсайта (като местоположение, тип устройство и браузър), толкова по-добре.

След като включи връзката към страницата и стартира отчета, инструментът прави пълен анализ и представя различни данни на следващия екран. В горната част той представя резюме с два резултата в Резултати, едната се основава на Pagespeed Insights, а другата - на YSlow, проект, който анализира скоростта на страниците въз основа на правилата за сайтове с висока производителност на Yahoo. Представените резултати обикновено са различни, тъй като инструментите използват различни критерии за оценка на страницата.

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

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

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

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

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

В допълнение към GTmetrix и Pagespeed Insights има още няколко страхотни инструмента с безплатни версии за тестване, като:

Какво да направите, за да заредите страницата по-бързо?

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

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

Много е важно да запомните, че преди да направите каквато и да е промяна, трябва да направите резервно копие на уебсайта, за да избегнете възможни проблеми. Уебсайтовете на WordPress могат да направят това чрез плъгини като UpdraftPlus и BackWPup .

Възползвайте се от кеша на браузъра

Всеки път, когато някой влезе в уебсайт, цялото му съдържание се изтегля временно на устройството, докато потребителят напусне страницата. Чрез кеша можем да кажем на браузърите, като Chrome и Firefox, да пазят тези файлове запазени.

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

Съществуват и начини да активирате кеша директно в HTML на уебсайта, но те се считат за остарели и не се препоръчват техники.

Ако вашият уебсайт е на WordPress, има няколко налични приставки, които изпълняват тази функция. Най-използваният е W3 Total Cache, който дори се препоръчва от хостинг компании. Друга отлична алтернатива (по-малко популярна) е WP Fastest Cache, която също има други ресурси и в сравнение с W3 и други плъгини представя по-добра производителност.

Намалете броя на пренасочванията

При зареждане на страница понякога е необходимо браузърът да бъде пренасочен от един URL към друг. Това пренасочване може да се направи, за да посочи новото местоположение на дадено съдържание, да проследи кликвания и импресии или да коригира различни видове достъп (например при пренасочване от www.example.com. за example.com. или от http за https) .

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

Също така е важно да внимавате да въведете точната версия на външна заявка, за да не генерирате такъв тип пренасочване веднага щом се зарежда. Когато добавяте Facebook скрипт, например, е важно вече да го вмъкнете с правилната връзка, без пренасочвания.

За управление на вътрешни пренасочвания на сайтове на WordPress могат да се използват приставки като Yoast SEO и SEO Redirection .

Умалете CSS, Javascript и HTML

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

За да се реши това, е възможно да се минимизират (направят по-леки) тези файлове, като се премахне цялата ненужна информация. Като цяло това действие осигурява 20-30% намаляване на размера на файла, което в зависимост от общия размер може да направи голяма разлика.

Но тази работа не се нуждае (и не трябва) да се извършва ръчно. Има няколко безплатни инструмента, които могат да ви помогнат. На уебсайта Minifycode е възможно да се минимизират HTML, Javascript и CSS, както и възможността кодът да бъде оставен отново „хубав“, включително цялата необходима информация. Въпреки тази функционалност е важно да запазите резервно копие с всички оригинални файлове.

Ако сайтът е в WordPress, това е по-просто, тъй като има няколко приставки, които извършват тази работа и много от тях са безплатни. Най-използваните са Autoptimize, Better WordPress Minify и W3 Total Cache .

Не използвайте javascript, блокиращ визуализация

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

Някои тестови инструменти показват, че трябва да изпратите Javascript и CSS в долната част на страницата, преди