Как да подобрим ефективността на сайта, в 4 лесни стъпки.

1. Премахване на инструменти, приспособления и уеб технологии на трети страни.

Повечето уебсайтове разчитат на технология на трети страни за проследяване, наблюдение, поддръжка на клиенти (функции за чат) и много други.Предизвикателството с технологията на трети страни е, че тя обикновено се изпълнява на вашия сайт с помощта на код, над който нямате контрол и следователно не може да подобри нейната производителност.Броят скриптове на трети страни, които се зареждат на страница, могат да забавят производителността на страницата, тъй като скриптовете са от различни домейни.За да разберете това, първо трябва да разберете какво се случва при достъп до уеб страница.При достъп до уеб страница браузърът намира всички ресурси, които изискват търсене в DNS (Domain Name System).След това браузърът трябва да изчака, докато търсенето завърши, преди да започне да изтегля страницата.Това събитие разчита на първоначалния сървър, който реагира бързо.Когато сървърът отговори, кодът трябва да бъде прочетен и разбран от браузъра и след това да ви бъде връчен.Въпреки че това събитие може да отнеме милисекунди, умножете това по справките, които браузърът трябва да направи, и след това включете бавно време за реакция на сървъра от който и да е от търсените домейни, тези милисекунди се увеличават до секунди.Въпросът тук е защо да носите мъртво тегло, когато не е необходимо?Като част от моите одити, аз винаги преглеждам количеството технология на трети страни, която се използва на даден сайт.Най-лесният начин да направите това е да използвате инструменти за търсене на технологии като BuiltWith и Wappalyzer (няколко други инструмента, платени и безплатни, могат да бъдат използвани за това).Тези инструменти са полезни, когато трябва да вземете просто решение да го запазите или изтриете.Ако обаче технологията все още се използва и трябва да оцените ползата от запазването й спрямо въздействието, което тя оказва върху натоварването на сайта, тогава е по-добре да използвате диагностични инструменти като Page Speed ​​Insight Tool и Lighthouse, за да подчертаете въздействието върху ефективността .Ако сте по-склонни от техническа гледна точка, можете да използвате функцията за разработчици на Chrome Функцията за блокиране на мрежови заявки за блокиране, за да видите колко бързо се зарежда страницата, когато даден скрипт или ресурс не са заредени.Този отчет ви дава визуално представяне на размера на активите, предавани от байтове с помощта на данните за заявка на Chrome.Използвам това, когато представям въздействието на външната технология на C-suite, които не знаят нищо за кодирането.Колкото по-стар е сайтът, толкова по-големи са шансовете за намиране на външен код, който вече не се използва.

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

От тези скриптове е лесно да се отървете, тъй като това не засяга цялостната цялост на останалата част от кода на сайта.Като алтернатива, ако трябва да запазите тези скриптове, преместете толкова много, които се поддържат, в Google Tag Manager (GTM) или който и да е мениджър на маркери, който използвате, за да намалите броя на DNS търсене, което се извършва от браузъра. за да се отървете от ненужните скриптове.Можете също така да използвате задействания прозорец, зареден с прозорец в GTM, за да забавите зареждането на скриптове, които не са необходими, веднага щом посетителят кацне на страницата, докато страницата се зареди напълно.

 

2. Прилагане на предварително извличане на DNS и предварително свързване.

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

 

3. Използвайте една библиотека JQuery, когато е възможно.

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

 

4. Премахнете излишните инструкции за CSS за поддръжка на стария браузър.

Колкото по-стар е сайтът, толкова по-голям е броят на престъпленията.Премахването на излишни CSS инструкции като старата поддръжка на браузъра (IE Fixes) и старите префикси е лесно, защото обикновено е отделен блок от код.Много инструменти подчертават неизползвания CSS на даден сайт.Въпреки това, вместо да се налага да преглеждате кода ред по ред за префикс на olds и поддръжка на браузъра, Yellow Lab Tools ви дава лесен за разбиране списък, с който можете да накарате вашия разработчик да работи.Уверете се, че сте прегледали инструмента си за проследяване, за да видите броя на посетителите, които все още използват тези стари браузъри, и ако номерата ви гарантират, че поддържате поддръжката на място.

 

В заключение!

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

Препоръчваме още:

8 стратегии за дигитален маркетинг, които да ви изтрелят пред конкуренцията за 2021 г. 8 стратегии за дигитален маркетинг, които да ви изтрелят пред конкуренцията за 2021 г. Прочети повече
Как да си направим биткойн хартиен портфейл? Как да си направим биткойн хартиен портфейл? Прочети повече
Към какви съвети да се придържате през месец Март, за успешни online продажби! Към какви съвети да се придържате през месец Март, за успешни online продажби! Прочети повече
нагоре