Кога и как да заредите JQuery от Google CDN, Javascript

Много плъгини и теми използват jQuery. И както повечето потребители на WordPress, които са се опитали да оптимизират ефективността на своите сайтове, знаят, че е изключително трудно да се елиминира jQuery като блокиращ страници ресурс.

Стойността на jQuery днес е толкова голяма, че е включена в ядрото на WordPress. По този начин опитът за отлагане, асинхронно зареждане или комбиниране на JQuery с други скриптове за ресурси често ще срине сайта. Този проблем може да бъде решен с jQuery Google.

Какво може да се направи, за да се реши проблемът?

Ако сайтът има поне един такъв ресурс, тогава техният брой вече няма голямо значение. Тъй като те ще бъдат заредени от браузъра паралелно (за разлика от jQuery Google CDN). Освен ако зареждането на един от тях отнема значително повече време от останалите.

Но трябва да се опитате да премахнете блокерите. И много хора успяват, докато не ударят jQuery. Нека да разгледаме някои начини за решаване на този проблем:

1. Премахнете или не използвайте зависимата от jQuery функционалност

Например, ако използвате плъгин за отложено зареждане, който се срива при опит за асинхронно извикване или комбиниране на jQuery с други скриптове на сайта, тогава премахнете този плъгин или намерете алтернатива, която е независима от jQuery.

Има плъгин Rocket Lazy Load, който не изисква JQuery, за да работи. След като успешно премахнете функционалността, зависима от jQuery, проблемите с отложеното зареждане, асинхронното извикване или сливането на jQuery трябва да изчезнат.

Това може да стане с помощта на приставката Autoptimize. Не винаги работи, но все пак трябва да опитате.

3. Вместо това изтеглете jquery от Googleлокално

Ако jQuery се зарежда от Google, тогава (технически) все още е ресурс, блокиращ натоварването. Но той не е. Защо? Защото милиони уебсайтове използват jQuery на Google.

Това означава, че е много вероятно потребителят на вашия сайт вече да е посетил сайта с jQuery и той да се съхранява в кеша на неговия браузър. Тоест jQuery няма да се зареди отново. Оказва се, че JQuery не блокира изобразяването на страницата (за разлика от случая на локална употреба).

Как да изтеглите копие на jQuery от Google

Стъпка 1: Определете коя версия на jquery използва вашият сайт

  • Вижте изходния код на вашата страница;
  • Намерете jquery. Ще изглежда по следния начин: http://yourdomain.com/wp-includes/js/jquery/jquery.js?ver=1.11.3 ;
  • Трите числа в края, в този пример 1.11.3, показват версията на jQuery;
  • Ако не виждате номера на версията на приставката Google jQuery, отворете файла;
  • В горната част на файла (в началото на кода) ще видите нещо като JQuery v1.11.3;
  • В този пример 1.11.3 е версията на jQuery.

Стъпка 2: Извадете локалното jQuery копие и добавете копието на Google

Поставете следния код във файла functions.php на вашата тема или използвайте приставка като Code Snippets:

Където и да видите " x.x.x " в кода по-горе, заменете тези знаци с номера на версията на приставката jQuery Google.

Стъпка 3: Танцувайте от радост

jQuery

Кога да не използвате копието на Google на jQuery

  1. Когато можете да комбинирате JQuery с други скриптове.
  2. Когато имате много китайски потребители, тъй като услугите на Google са забранени в тази страна.

Тази публикация епревод на статията „Кога и как да заредите jQuery от CDN на Google“, изготвен от приятелския екип на проекта Internet technologies.ru