Има по-малко неща, които са по-разочароващи от уебсайт, който отнема време за зареждане. Тогава не е изненада, че не само хората, но и търсачките се опитват да се пазят от бавните сайтове. Имайки това предвид, ето някои от най-добрите съвети, които можете да приложите, за да избегнете досадни посетители и да ги отклоните при първото им посещение на вашия уебсайт.
1. Рационализирайте кода си
Най-добрият конструктор на уебсайтове ще направи доста лесно създаването на уебсайт. Въпреки че богатият им набор от шаблони ви помага да стилизирате уебсайта си с лекота, те имат един недостатък. Много от шаблоните имат разхвърлян код, който може да забави уебсайта ви.
За да преодолеете проблема, можете да премахнете целия ненужен код и форматирането във вашите HTML, CSS и JavaScript файлове. Този процес на отстраняване на излишното се нарича минимизиране и можете да използвате прости онлайн инструменти като минификатора на Will Peavy, за да ви помогнат да започнете. Потребителите на WordPress могат да използват приставката за автоматично оптимизиране, за да улеснят процеса.
2. Компресирайте уебсайта си
Не отнема много време уебсайтовете да станат големи и тежки. Всички изображения и дори обикновеният текст HTML, CSS и JavaScript файлове бързо набъбват. Един от най-добрите механизми за ускоряване на уебсайта е да се даде възможност за компресиране с Gzip. Това ще намали размера на HTTP отговора, като по този начин ще намали времето за реакция.
Ще трябва да активирате подходящия модул за компресиране във вашия уеб сървър, преди да го активирате за уебсайта си, като редактирате .htaccess файла. Точните стъпки варират и зависят от вашия уеб сървър, но ето как го правите в Apache.
3. Оптимизирайте изображенията
Изображенията са една от най-дебелите части на уебсайта и обикновено най-бавно зареждащият елемент на която и да е уеб страница. За да царувате в поведението, вместо да мащабирате големи изображения чрез HTML, започнете, като преоразмерите всички изображения на уебсайта си до точния размер, в който ги искате.
Всъщност трябва да поддържате списък с различните размери на изображенията за различните елементи на уебсайта си, за да сте сигурни, че никога няма да качвате повече пиксели, отколкото ви трябват. Ако имате уебсайт с тежки изображения, трябва да помислите и за компресирането им. Един от най-често срещаните инструменти за тази цел е reSmush.
Той работи с всички популярни системи за управление на съдържанието (CMS) и също така има клиент на CLI за Linux за компресиране на изображения за използване на статични сайтове. Можете също да използвате Compressor.io, за да изстискате няколко изображения на един момент.
4. Мързеливо зареждане на мултимедия
Мързеливо зареждане означава, че изображения, видеоклипове и фреймове се зареждат само след като потребителите превъртят страницата надолу и действително ги видят. Това може значително да подобри първоначалното време за зареждане на вашите страници.
По-рано това беше нещо, което бихте внедрили с помощта на JavaScript, но не ленивото зареждане е вградено в уеб браузърите. Потребителите на WordPress имат няколко възможности за избор и два от любимите ни са Lazy Load от WP Rocket и a3 Lazy Load, който е предназначен за мобилни устройства.
5. Използвайте бързи връзки за споделяне в социалните медии
В наши дни бихте искали хората да споделят съдържанието ви в социалните медии. На прости HTML уебсайтове можете да използвате инструмент за генериране на връзки като безплатния генератор на връзки за споделяне, който ви помага да създавате връзки за социално споделяне за Facebook, Twitter, LinkedIn и Pinterest, без да разчитате на рамки или JavaScript. Както обикновено потребителите на WordPress нямат недостиг на приставки, които могат да използват за тази цел, включително Social Warfare и Grow.
6. Деинсталирайте безполезни приставки
CMS като WordPress може да има много добавки, които могат да добавят наистина полезна функционалност към вашия уеб сайт. Наличието на твърде много плъгини може да забави уебсайта Ви до обхождане, поради което трябва да стартирате само плъгини, от които наистина се нуждаете.
Въпреки това, не всички приставки са проектирани еднакво добре и можете да ускорите уебсайта си, като замените приставката с по-бърз алтернативен вариант. Онлайн инструментът GTmetrix ще анализира уебсайта ви безплатно и ще ви покаже списък с приставки, които имат много пъти на зареждане. Помислете за подмяна на тези приставки, особено ако те са извикани няколко пъти с по-лека алтернатива.
Потребителите на WordPress могат също да използват приставката Query Monitor за подробен анализ на плъгините, използвани на техния уебсайт. Разбира се, не забравяйте да премахнете самия плъгин Query Monitor, когато е изпълнил целта си.
7. Намалете пренасочванията
Пренасочванията често са необходими при преместване и изтриване на страници и са най-добрият начин за премахване на проблеми с неработещи връзки. Но докато 301 пренасочванията са за предпочитане пред 404 грешки, те все още не са идеални, тъй като забавят времето, необходимо на браузъра да достигне правилната версия на страница. Можете да използвате програмата за групово пренасочване на Screaming Frog, за да анализирате пренасочванията на вашия уебсайт и да опитате и да намалите използването им.
8. Правете по-малко HTTP заявки
Намаляването на HTTP заявките е добър начин за оптимизиране на вашия уебсайт. Всеки елемент, който добавяте към страница, се превръща в HTTP заявка. Колкото повече браузърът трябва да отправя тези заявки, толкова по-дълго ще отнеме страницата ви да се зареди напълно. Ето защо, въпреки че са необходими известни усилия, резултатите от намаляването на броя на заявките са много впечатляващи.
Можете да използвате Инструменти за програмисти в браузъра и да превключите към раздела Мрежа, за да видите подробно HTTP заявките. След като имате представа кои файлове се зареждат най-дълго, можете да потърсите такива, които можете да комбинирате (особено CSS файлове) и тези, които можете да вземете като цяло.
9. Поставете CSS преди скриптове
Правилното поставяне на вашите таблици със стилове и скриптове ще повлияе на начина на зареждане на вашия сайт. Винаги трябва да поставяте CSS отгоре в раздела. Това позволява на браузъра първо да зареди вашия CSS, така че потребителите да могат да видят съдържанието при зареждане на вашия сайт.
Javascript, от друга страна, трябва да е възможно най-близо до дъното. Това е така, защото браузърите трябва първо да анализират JavaScript, преди да може да премине към следващия маркер. Ако поставите скриптовете преди действителното съдържание, потребителите ще се взират в празна страница, докато браузърът смазва JavaScript.
10. Отидете в oldschool, където е възможно
Използвайки скриптов език като PHP, можете да правите неща, които не са възможни с обикновен HTML. Въпреки това, обработката на PHP отнема повече време от анализирането на HTML, така че избягвайте да изисквате информация чрез PHP, ако тя може да бъде извлечена със статичен HTML.
По същия начин не винаги е добра идея да използвате механизма на CSS @import за включване на външни таблици със стилове на вашите уеб страници вместо HTML тага. Докато и двете постигат една и съща цел, @import използва повече ресурси, отколкото директна връзка към вашите таблици със стилове.
11. Активирайте кеширането
Когато посетите уебсайт, всички елементи на страницата се съхраняват на твърдия ви диск във временно пространство за съхранение, наречено кеш. Това е полезно, тъй като при следващи посещения браузърът ще изведе страницата, без да се налага да изпраща друга HTTP заявка до сървъра.
Ако стартирате WordPress сайт, можете да използвате плъгин като W3 Total Cache плъгин, за да активирате лесно кеширането. От друга страна, ако имате статичен HTML сайт, можете да активирате кеширането, като използвате това, което е известно като заглавка Expires във вашия .htaccess файл. След като бъдат активирани, изтичащите заглавки не само ще спестят времето, необходимо за изтегляне на вече кеширани файлове, но също така ще помогнат за намаляване на броя на HTTP заявките.
12. Пролетно чисти бази данни
Шансовете са, че използвате CMS като WordPress или Joomla, за да хоствате уебсайта си. Докато се занимавате с вашата инсталация (добавяне и премахване на приставки, създаване и актуализиране на публикации, инсталиране на надстройки и други подобни), базата данни, захранваща CMS, ще стане доста надута и бавна. За да избегнете това, трябва да използвате приставката WP-Optimize, за да почиствате редовно базата данни.
13. Блокиране на горещи връзки
Горещите връзки се случват, когато някой показва изображение от вашия сайт, като използва директно неговата уеб връзка. При всяко зареждане изображението се извлича от сървъра на уебсайта на източника.
Имате няколко опции за предотвратяване на горещи връзки. Много добре познати хостове предлагат превключване в административния интерфейс за предотвратяване на горещи връзки. Тогава има приставки за WordPress като All In One Security & Firewall, които ще осигурят защита срещу горещи връзки. И накрая, можете да добавите инструкции във вашия .htaccess файл.
14. Превключете настройката Keep Alive
Съобщението Keep Alive се обменя между уеб сървъра и клиентска машина, за да позволи същата tcp връзка за HTTP разговор, вместо да се отваря нова с всяка нова заявка. Също известен като постоянна връзка, Keep Alive помага да се намали латентността за следващите заявки. Повечето хостинг компании, особено в споделения хостинг, деактивират тази функция.
Настройката се контролира най-добре чрез ощипване на уеб сървъра. Можете обаче да замените подразбирането на сървъра, като добавите следните редове във вашия .htaccess файл:
Комплект заглавки Connection keep-alive
15. Ускорете WordPress
WordPress има няколко приставки за подобряване на производителността, които ще помогнат за оптимизиране на различни аспекти на уебсайта. Един от най-изчерпателните е перфматериалите, които предлагат много от често използваните техники за ускоряване на производителността. Хубавото на този премиум плъгин е, че повечето от техниките му за оптимизация са изложени чрез прост потребителски интерфейс, който го прави достъпен за всички видове потребители.
16. Инсталирайте Google PageSpeed
Google PageSpeed е набор от модули с отворен код за уеб сървърите Apache и Nginx. Те помагат за оптимизирането на уебсайта ви, като прилагат някои от най-полезните техники за подобряване на производителността като тези, които споделихме в тази статия. Можете да изтеглите и инсталирате модулите във вашия уеб сървър, ако го притежавате. В противен случай ще трябва да потърсите хостинг доставчик, който го прави. Обикновено уеб хостовете предлагат това само със своите специални хостинг планове от най-високо ниво, въпреки че някои като GoDaddy го инсталират на своите Linux хостинг сървъри.
17. Намалете DNS справките
Един от основните фактори, който има пряко отношение към това колко бързо се зарежда уебсайтът ви, е времето, необходимо за търсене в DNS. Търсене в DNS е процесът на намиране на IP адреса, свързан с URL.
Един от начините да ускорите уебсайта си е да намалите броя на уникалните имена на хостове. По-малък брой DNS заявки ще намали времето за реакция и ще доведе до по-бързо зареждане на уебсайтове. Също така, вземете предвид факта, че времето, необходимо за заявка на DNS записите, зависи от скоростта на DNS доставчика.
Ако не сте доволни от работата на вашия доставчик на DNS, помислете за превключване към друг. DNSperf проследява скоростта на заявката на различните авторитетни DNS доставчици.
18. Надстройте до по-добър уеб хост
Ако сте се опитвали да ускорите уебсайта си, но не сте забелязали голяма разлика, проблемът може да е вашият уеб хостинг. Много от най-евтините уеб хостове, особено споделените, са доста претъпкани и използват сървъри, на които липсват ресурси, за да отделят достатъчно за всеки уебсайт. Вместо това трябва да отделите известно време за проучване на различните предлагани опции, преди да настроите хост и хостинг плана за вашия уебсайт.
19. Използвайте мрежа за доставка на съдържание
В допълнение към преминаването към по-добър уеб хост, трябва да помислите и за използване на мрежа за доставка на съдържание (CDN). За разлика от вашия сървър, който се намира на определено място, CDN използва мрежа от сървъри, които в известен смисъл разпространяват съдържанието ви до сървъри по целия свят, като по същество го преместват по-близо до посетителите ви, независимо от местоположението им. CDN ускоряват уебсайта, като намаляват физическото разстояние между съдържанието и посетителите. Можете да хоствате всички видове съдържание с CDN и дори да използвате множество, за да насочвате към конкретни местоположения.
20. Следете редовно работата
Важен аспект на настройката на уебсайта ви е да наблюдавате ефективността му. Това не само ще ви помогне да прецените въздействието на ощипването, но в зависимост от използвания инструмент, ще посочи и аспекти на уебсайта, които се нуждаят от внимание. Тестът за скорост на уебсайта на Pingdom е популярен онлайн инструмент, който не само ще тества времето за зареждане на страницата, но и ще посочи проблемите.
По същия начин можете да използвате „Тествайте моя сайт“ на Google, за да анализирате ефективността на уебсайта си на мобилни устройства. Освен че предоставя полезни показатели, инструментът ще споделя и препоръки, които да ви помогнат да ускорите уебсайта си за мобилни устройства.
- Представихме най-добрия уеб хостинг на Wordpress.
