Оптимизиране на зареждането на уебсайтове
Библиотеката на скриптове jQuery се използва от много сайтове, включително тези, изградени върху WordPress и Joomla системи. Много приставки и компоненти на сайта включват jQuery за тяхната работа. Как можете да оптимизирате зареждането на тази скриптова библиотека?
1. Обща информация за jQuery и CDN.
JQuery Script Library тежи приблизително 90 KB (некомпресиран). Ако използвате YUI Compressor и активирате gzip компресия на сървъра, количеството данни, прехвърлени при зареждане на библиотеката, ще намалее. И все пак това е пречка при зареждането на сайта нужди и могат да бъдат разширени.
Важно е по-новите версии на библиотеката често да тежат повече от по-старите. Също така е важно да знаете, че плъгините и компонентите на сайта може да не са съвместими с по-старите версии на jQuery.
По подразбиране библиотеката jQuery се зарежда от вашия сайт (ако сайтът е на WordPress, то от папката/wp-includes/js/jquery /).
CDN означава мрежа за доставка на съдържание или мрежа за доставка на съдържание. Такава мрежа позволява значително ускорява изтеглянето на файлове, публикувани в мрежата. Принципът на работа на CDN е, че има сървърна мрежа, на всеки от които публикуваната информация се дублира. Когато потребителят поиска да зареди обект (скрипт, файл със стил и т.н.), това се случва определяне на най-близкия до клиента сървър и от него се зареждат данни. В крайна сметка изтеглянията са минимални, скоростта е максимална.
Недостатъци на CDN технологията са нейната сложност и висока цена на използване.
Обаче ние, обикновените хора, можем да осъществим достъп до CDN на големи компании и да изтеглим jQuery скрипт библиотеката от техните сървъри.
Има няколко за зареждане на jQuery обществено достъпни безплатни CDN:
- jQuery CDN
- Google CDN
- Microsoft CDN
- CDNJS CDN
- Yandex CDN
Можете да изберете всяка услуга за свързване на библиотеката jQuery към вашия сайт. Реших да свържа библиотеката от google сървъра.
На линия има мнение, че jQuery връзката от външен сървър е ненадеждна, че сървърът може да се срине и след това вашият сайт ще бъде нефункционален. но то е напълно погрешно. Повярвайте ми, стабилността на работата и принципите на архитектурата на CDN сървърите на такива чудовища като Google или Yandex са толкова добри, че тези сървъри практически винаги са в експлоатация. Вероятността за срив на сървъра е почти нулева. И разбира се, вашият хостинг е много по-малко стабилен от CDN сървъра. Затова не се колебайте да свържете библиотеката от външен сървър.
За по-голяма яснота ще дам снимка, показваща разликата в скоростта на изтегляне на библиотеката от добър хостинг и от CDN на сървъра на Google:
Както виждаш, 15 пъти разлика в скоростта на зареждане на библиотеката в полза на Google CDN! Ако в обикновен добър хостинг библиотеката със скриптове се зареди 475 ms (половин секунда), тогава с CDN отнема само 32 ms.