Другое

Как подключить JQuery с Google CDN, возможности библиотеки

Lorem ipsum dolor

Подключить библиотеку JQuery к сайту несколькими способами. Один из самых быстрых и простых способов использовать возможности CDN. Подключение JQuery, используя CDN, в ряде случаев будет даже лучше, чем традиционный способ, при котором нужно скачивать эту библиотеку и монтировать ее в свой проект.

JQuery — это библиотека, основанная на JavaScript, которая в свое время была одним из самых популярных JS-инструментов. Она преследует простую цель «пиши меньше, но разрабатывай больше». Благодаря такому подходу она и обрела должную популярность среди веб-разработчиков.

CDN — это специальная технология для быстрой доставки контента пользователям. Ее идея простая: создать сеть серверов по всему миру, чтобы максимально приблизить серверы к своим пользователям. Когда пользователь будет запрашивать контент, он получит его с географически ближайшего сервера, что увеличит скорость загрузки контента. Идея простая, и ей активно пользуются крупные IT-компании, например, такие как:

  • Яндекс;

  • Google;

  • Microsoft;

  • Apple;

  • Amazon;

  • и др.

У кого-то сеть серверов побольше, у кого-то поменьше. 

Что такое JQuery с CDN

JQuery — это библиотека для веб-разработки. Вот несколько ее особенностей:

  • более компактный код, по сравнению с «чистым JavaScript»;

  • более понятный синтаксис, по сравнению с JS;

  • кроссбраузерность, которая гарантирует, что код с использованием JQuery будет функционировать в любом известном браузере;

  • бесплатный инструмент с открытым исходным кодом;

  • и др.

Главный недостаток JQuery — это уменьшение скорости загрузки веб-страницы. То есть программа, написанная на JQuery, функционирует чуть медленнее, чем программа, созданная с помощью «ванильного» JavaScript. Во время выхода этой библиотеки, а это был 2006 год, данный недостаток не считался критическим, так как не было других достойных JS-инструментов. В наше время все немного поменялось: появились другие, более производительные JS-инструменты, поэтому популярность JQuery стала немного снижаться. Но это вовсе не означает, что не нужно использовать эту библиотеку в своей работе.

На что способна JQuery:

  • она открывает возможность гибкой манипуляции элементами на странице;

  • помогает моделировать различные визуальные эффекты;

  • помогает моделировать анимацию меньшим количеством строк программы, чем «ванильный» JavaScript;

  • манипулирует DOM-компонентами;

  • реализовывает асинхронный взаимообмен информацией в цепочке «клиент-сервер»;

  • умещает в одной строке несколько операций над одним элементом;

  • и мн. др.

Как подключить JQuery с Google CDN

CDN (Content Delivery Network) — уникальная технология быстрой доставки контента пользователям. Компании, предлагающие пользователям спектр каких-то услуг в интернете, часто используют CDN с своей работе, например, та же компания Google. Все знают, что это американская компания, но не все знают, что у компании разбросана сеть из крупных и мелких дата-центров по всему миру. То есть, пользуясь какой-то услугой от компании Google из России, вы «обращаетесь» к ближайшему дата-центру компании, который также расположен в России. А если вы воспользуетесь той же услугой из Европы, вам ее будет предоставлять ближайший дата-центр из Европы.

Обычно по сети CDN распределяется более «крупный» контент, например, какие-то приложения для скачивания. Также есть компании, которые предлагают услугу CDN для веб-мастеров. В этом случае их сайты кэшируются на нескольких серверах компании, и, когда пользователь обращается к сайту, ему показывается сайт с ближайшего к нему сервера.

По такому же принципу распространяется и JQuery. В традиционном способе, чтобы подключить JQuery к собственному проекту, нужно проделать примерно следующее:

  • скачать JQuery с официального сайта;

  • загрузить библиотеку к себе на сервер;

  • подключить JQuery в свой проект.

Это все делается быстро и просто, однако еще быстрее и проще — подключить JQuery с CDN. В этом случае вы всего лишь добавляете в собственный проект ссылку на библиотеку и начинаете применять ее по назначению. При этом нет необходимости что-то скачивать и заливать к себе на сервер. Такую возможность предоставляют многие IT-компании. Не принципиально использовать какую-то конкретную компанию, поэтому можете использовать любую. Нам нравится Google, поэтому мы опишем, как подключить JQuery с Google CDN. 

Подключение JQuery с Google CDN выглядит следующим образом:

  • нужно пройти на специальную страницу от компании Google, где можно выбрать необходимую версию JQuery и там же скачать соответствующий скрипт;

  • скопировать скрипт и вставить его в раздел «head» вашего сайта.

На момент написания статьи скрипт для вставки на веб-страницы с актуальной версией JQuery будет следующим:

Из ветки 3.х:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Из ветки 2.х:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Из ветки 1.х:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Заключение

Как видно, подключить JQuery с CDN достаточно просто. Самое важное, что не нужно ничего скачивать, а также нагружать серверы своего проекта. При таком дистанционном подключении JQuery во многих случаях работает лучше, чем скачанная и установленная. 

До сих пор ходят споры, а стоит ли использовать JQuery в 2022 году? Ведь вокруг JavaScript появилось много других интересных и производительных инструментов. На самом деле, нет однозначного ответа, потому что JQuery, как и любой другой веб-инструмент, обладает своими сильными и слабым сторонами. Поэтому, если хотите ее попробовать, тогда пробуйте, а если в чем-то сомневаетесь, тогда выберите другой инструмент, который вам кажется более эффективным.

Схожие статьи

Другое

Какие есть циклы в Матлаб, что такое Zeros в MatLab, как выйти из цикла

Как работать в НАСА: список требований и как устроиться на работу
Другое

Как работать в НАСА: список требований и как устроиться на работу

DotNet: что это за программа и как она изменит компьютерный мир
Другое

DotNet: что это за программа и как она изменит компьютерный мир

Медианная фильтрация Матлаб: при решении каких задач она используется
Другое

Медианная фильтрация Матлаб: при решении каких задач она используется

×