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

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

Google Page Speed

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

1. Превключете към друг уеб хостинг: до момента съществуват четири типа уеб хостове:

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

2. Превключете към друг уеб сървър: до момента голяма част от уебсайтовете, които разглеждате, работят на Apache, Microsoft IIS или Nginx. Много хора избират Apache, защото е най-популярният уеб сървър, който обслужва над 50% от уеб сайтовете в света. Докато той остава стабилен, гъвкав и мощен достатъчно за работа дори на най-сложните сайтове, огромният приток от посетители може мигновено да забави сървъра до пълно забавяне. Така че много хора са преминали към Nginx или хибрид и Apache-Nginx и са забелязали стабилна производителност независимо от трафика.

fast website google pagespeed

3. Намалете HTTP заявките: когато зареждате уеб страница, тя изтегля куп CSS стилове, скриптове, изображения и т.н. За всеки елемент се прави HTTP заявка, което означава, че колкото повече елементи имате, толкова по-дълго ще отнеме да се покаже цялата уеб страница. Решението е просто: изчистете уебсайта си, като направите следното:

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

4. Превключете към по-добра тема: теми с твърде много звънчета и мигачи (bells and whistles) обикновено зареждат бавно заради различните елементи, направени с мисъл за дизайн, а не за производителност. Можете да използвате инструмент като Pingdom, за да сравните теми и тяхното представяне. Най-добре е да използвате демото на темата за сравнение, за да видите колко добре темите се представят без съдържание.

5. Включване на Keep-Alive: без keep-alive сайтовете ще трябва да отварят нови връзки за всяка нова заявка – това би било кошмар, особено за динамични уебсайтове! За да включите keep-alive, променете част от HTTP заглавките ви, която казва: “connection: close” на “connection: keep-alive”. Трябва също да проверите какъв е типът на сървъра, който използвате, и какъв контрол имате върху тях и да проверите дали имате достъп до включване на keep-alive.

6. Използвайте кеширането в браузъра: “Expires” заглавките казват на браузърите дали елемент на вашия уебсайт трябва да се тегли от сървъра или от кеша на браузъра. Чрез настройване на Expires заглавие за елементи като изображения, браузърът ще съхранява тези елементи в кеша си и по този начин сайтът ще се зареди много по-бързо при следващото посещение.

7. Използвайте мрежа за доставяне на съдържание (CDN): колкото по-близо е уеб сървърът до компютъра на човека, толкова по-бързо зареждат сайтовете на този уеб сървър. CDNs са група уеб сървъри, разположени в различни локации, за да доставят съдържание на потребителите в определен обхват.

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

9. Поддържайте URL адресите си в ред: счупените връзки не само изтеглят вашия сайт с няколко позиции надолу в резултатите на Google, но също така могат да утроят времето за зареждане на вашия сайт. Представете си колко неприятно би било за посетител да зареди бавен сайт и да види липсващи изображения и счупени връзки. Не е нужно да проверявате ръчно всички връзки на вашия сайт, тъй като има много онлайн инструменти за проверка на връзки.

10. Скъсете своя код: ще се изненадате колко допълнителни интервали, прекъсвания на редове и други бели знаци всъщност допринасят за размера на вашата уеб страница; ще искате да минимизирате HTML, CSS и JavaScript кода. За щастие има много инструменти, които да ви помогнат в постигането на тези задачи, като Chrome разширението PageSpeed Insights за HTML, YUI Compressor и cssmin.js за CSS и JSMin за JavaScript.

11. Оптимизирайте вашите CSS стилове: уебсайтът ви може да достъпва вашия CSS код или чрез външен файл, или чрез вградени стилове. Трябва да използвате външен стил лист, за да намалите дублирането на кода. Също така уверете се, че имате само един външен стил лист, за да не увеличите HTTP заявките.

12. Оптимизирайте вашите изображения: изображенията обикновено са най-големите „поглъщатели“ на пространство на повечето сайтове. За щастие не е нужно да намалявате резолюцията на изображенията, за да постигнете прилично ускорение; можете просто да компресирате качваните изображения без загуба на качество, което означава, че единствените данни, които се отстраняват от изображенията, са тези, които човешкото око не забелязва.

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

14. Включете компресия: използвайки Gzip, можете да настроите вашия сървър по такъв начин, че файловете да се компресират в Gzip формата преди да бъдат изпратени за сваляне. Това ефективно намалява ширината на лентата на вашите страници и ги прави по-бързи за изтегляне. Различни техники се прилагат за Apache, Nginx и Microsoft IIS, така че уверете се, че използвате подходящата конфигурация за уеб сървъра, който използвате.

15. Следете плъгините, които ви забавят: P3 е полезен диагностичен плъгин, който помага да видите кой плъгин драстично повлиява времето за зареждане на вашите уеб страници. Много пъти виновниците са плъгините за социално споделяне, но някои дефектни плъгини могат да забавят сайта. Чрез знанието кои от тях негативно повлияват производителността на сайта ви, можете да решите дали да ги премахнете, замените или ребазирайте конфигурацията им.