14 трика за осветление, за да ускорите вашия сайт
Тази поредица от блогове за скоростта на сайта беше много забавна.
Досега научихме, че Amazon ще загуби $ 1,6 милиарда (!), Ако уебсайтът им се забави.
Също така разбрах какво точно се случва зад кулисите, за да забави уебсайта.
Това ни води до естественото ни заключение: как точно можете да ускорите нещата? Ние покриваме всичко - от скоростта на сървъра до оптимизацията и няколко допълнителни бонуса.
Първо, нека обобщим какво причинява бавна скорост:
Когато качите моя сайт тук в Bitcatcha, вашият браузър (Firefox, Safari, Chrome и т.н.) започва разговор с моя уеб сървър.
Браузър: „Хей уеб сървър! Можете ли да ми донесете всички парчета, за да покажа Bitcatcha.com, моля? "
Сървър: „Разбира се, позволете ми да ги намеря и да ги изпратя“.
След това уеб сървърът поставя всички компоненти на сайта в тунел и ги изпраща във вашия браузър за качване.
Звучи доста просто, но ето какво ще забави нещата:
- Мързелив сървър, който изисква възрасти, за да отговори на заявките.
- Сървър, който едновременно управлява записи за много други уебсайтове.
- Много страхотни „парчета“ от уебсайта, които трябва да бъдат намерени и изпратени до тунела.
- Претъпкан тунел.
Тук има много неща, които могат да се объркат. Е, как да ускорим нещата?
Част 1: Направете вашия сървър по-бърз
1. Надстройте до по-добър уеб хост (т.е. по-добър сървър)
Вашият уеб хост е компанията, която предоставя сървъра. Това е като да наемете интернет сайт, където ще съхранявате всички части на сайта.
Повечето от нас са склонни да купуват най-евтината земя, която можем да намерим. Но това не е непременно мъдро решение.
Евтините уебсайтове хостват сървъри за отдаване под наем, които са претъпкани и малки. Не забравяйте, че искате сървърът ви да реагира бързо на заявки и бързо да изпраща вашия сайт в тунела до вашия браузър.
Вижте нашия най-бърз списък за уеб хостинг въз основа на времето за реакция на сървъра.
2. Преминете от споделен хостинг към VPS
Евтините уеб хостове ще поставят уебсайта ви на сървър заедно с тонове други уебсайтове. Нарича се споделен хостинг и означава, че трябва да се борите за ресурси.
Ако даден уебсайт внезапно получи много трафик, това ще ви забави, докато увеличава честотната лента.
С превключването към VPS (виртуален частен сървър) или (поне висококачествен споделен сървър, като SiteGround), уеб хостът ще затвори ъгъл на споделения сървър само за вас. Това означава, че не е нужно да се притеснявате, че други сайтове ще откраднат вашите ресурси.
3. Преместете сървъра по-близо до вашата аудитория.
Всеки път, когато някой кликне на вашия сайт, вашият сървър трябва физически да изпраща информация от планетата на екрана на вашия компютър.
Ако сървърът е на другия край на света, това ще отнеме много време. Ако знаете откъде идва по-голямата част от вашия трафик, моля, помолете вашия уеб хост да постави сайта ви на сървър, който е най-близо до вашата основна аудитория.
4. Използвайте мрежа за доставка на съдържание
Проблемът с преместването на вашия сървър по-близо до определена аудитория е, че някой ще загуби. Ако преместите сървъра си в Калифорния, австралийските посетители ще получат бавно време за зареждане. Както и вашите европейски посетители.
Мрежа за доставка на съдържание или CDN поставя вашите данни на сървъри по целия свят. Така че, когато някой кликне върху вашия уебсайт, най-близкият до него сървър изпраща информацията.
Това означава, че посетителите ви стават супер бързи, където и да се намират по света. (За справка използвам Cloudflare тук в Bitcatcha.)
5. Активирайте настройката "поддържайте жив"
Когато вашият сървър изпраща файловете на вашия сайт до тунела, всяка страна пътува отделно. Вашата CSS таблица със стилове, вашето лого, всяко ваше изображение и т.н.
Очевидно най-ефективният начин да направите това е да ги изпратите в един и същ голям тунел.
Тук влиза настройката „поддържай го жив“. Когато се активира, основният тунел остава включен и всичко се спуска по същата връзка (това е много бързо).
Но когато настройката е спряна, трябва да се направи нов тунел за всеки елемент. (Това е много бавно).
Повечето уеб хостове запазват тази настройка (което е добре), но понякога споделените хостове затварят връзки без предупреждение.
Част 2: Оптимизиране на елементите на уебсайта
Сега, след като направихме вашия сървър възможно най-бърз и ефективен, как сами да оптимизираме компонентите на сайта?
6. Намалете времето за двупосочно пътуване (RTT)
Понастоящем вашият браузър трябва да поиска всеки елемент от сървъра. Вашето лого, след това всяко от изображенията, след това CSS таблица със стилове.
Времето, необходимо за получаването му, е двупосочно.
Колкото повече двупосочни пътувания трябва да направите, толкова повече време отнема зареждането на целия уебсайт. Това е като да опаковаш колата си с кутии и да ги преместиш в нова къща.
Колкото повече кутии имате, толкова повече двупосочни пътувания трябва да направите. Решението? Намалете количеството кутии, които приемате.
Намалете броя на елементите, които вашият сървър трябва да изпрати до тунела. По-малко изображения, по-малко код, по-малко приставки.
7. Активирайте компресията на вашия уебсайт
За съжаление, това не е само броят на кутиите. Колко са тежки. Ако всичките ви елементи са големи и тежки, това ще отнеме много място във вашия тунел. Те също ще се движат по-бавно. Това е като да се камиони. Всяка пълна с тежки кутии.
За щастие можете да компресирате уебсайта си и всичко в него. Използване на инструмент като Gzip. (Разпознава се от 90% от браузърите. - Почти всички, с изключение на няколко чужденци, които все още използват Internet Explorer 4.)
Най-странните части на вашия сайт са изображения, HTML, CSS и Javascript. Като ги компресирате, можете да намалите средното „тегло“ на вашия сайт по време на прехвърлянето.
Средният размер на уебсайт е 2 MB, но той нараства всяка година.
8. Оптимизирайте вашите изображения
Изображенията обикновено са най-трудната част от всеки уебсайт. Аз съм най-големият, най-дебелият, най-бавният товарач.
Започнете, като ги нарежете до точния размер, от който се нуждаете. Не качвайте огромни изображения или ги увеличавайте в HTML. Просто ги заредите до правилния размер.
Също така компресирайте изображенията, преди да ги качите. Ако използвате WordPress, плъгини като WP Smush могат да намалят размера на изображението с 80%!
9. ... Или направете спиртни напитки
Спрайтът е едно изображение, което съдържа много малки изображения. Той е чудесен за споделяне на бутони или други елементи на изображението.
Сега вашият уебсайт трябва да направи една заявка, а не десет. След това можете да използвате CSS, за да изберете къде да се показват частите на изображението.
10. Изрежете кода си
HTML е плътен и тежък. Освен това се повтаря невероятно. CSS е малко по-ефективен, но много от тях са излишни.
Време е да преминете през кода си с фин зъбен гребен и да се отървете от всички ненужни парчета.
Ако използвате шаблон от WordPress, Tumblr и т.н., тогава вероятно има много кодове, които не използвате. Тези шаблони са конфигурирани да ви дадат много опции за функционалност. Но повечето от нас не се нуждаят от всичко.
11. Деинсталирайте ненужните приставки (WordPress)
С течение на времето експериментирах с много тонове плъгини. Но много пъти забравяме да ги деинсталираме.
Всеки плъгин е различна заявка на сървъра. Това е друг важен пакет, който блокира вашия високоскоростен тунел.
Ако не го използвате, изключете го.
12. Намалете пренасочванията
За всяко пренасочване вашите пакети отиват нагоре и надолу по тунела два пъти. Освен ако не е необходимо, не използвайте пренасочвания на вашия уебсайт.
Част 3: Бонус екстри
13. Намалете DNS търсенията
Все още няма част от процеса, за която да не сме говорили. Това се случва от самото начало.
Преди браузърът да започне разговора със сървъра, той трябва да намери местоположението на сървъра (Намиране на неговия IP адрес). Това е като да потърсите номера на сървъра в телефонния указател. Отнема малко време. (Обикновено 20-120 милисекунди).
Отнема дори повече време, ако има няколко имена на домейни, свързани с вашия уебсайт. Често срещаните примери включват: blog.yourwebsite.com или допълнителни домейни за изображения, таблици със стилове и флаш обекти.
Ако вашият браузър трябва да направи това пет пъти, може да загубите половин секунда. Дръжте го в възможно най-малко области.
14. Кеширане на браузъра
Представете си колко бързи биха били нещата, ако браузърът ви може да съхранява копие на всички файлове на сайта. По този начин няма да се налага да се свързвате със сървъра всеки път. Можеше да ги зареди само от паметта.
Това е кешът. Това означава, че вашият браузър „запомня“ уебсайта. Когато го заредите за втори път, това е много бързо.
Фу! Това беше по-дълъг пост от обикновено, но мисля, че си заслужаваше.
Сега знаете всичко, което трябва да знаете за бързото мигане на вашия уеб сайт. Тези трикове могат да ви спестят секунди от скоростта на зареждане.
Това означава щастливи посетители. И това означава повече продажби.