Содержание

Подключение библиотеки jQuery

Как правильно подключить jQuery к сайту

Известно, что скорость загрузки сайта влияет не только на его юзабилити, но и на его место в поисковой выдаче. Чем быстрее сайт, тем выше его место.

  Оптимальным для скорости сайта является использование CDN, это когда сайт или отдельные его библиотеки и фреймворки загружаются посетителю не с сервера на котором непосредственно расположен сайт, а с сервера ближайшего к пользователю дата центра CDN сети. Например если пользователь в Бразилии открывает сайт физически расположенный на сервере в Москве, то библиотека подключаемая к сайту через CDN будет загружаться не из московского сервера, а с сервера в Бразилии. Для таких расстояний это быстрее на целые секунды (порою 5-6 секунд).

  Ну и конечно же не исключаем то, что библиотека может быть уже закэширована в браузере посетителя после посещения другого сайта, где так же использовалась данная библиотека.

 

Подключение файла библиотеки jQuery

На сегодняшний день jQuery остаётся самой популярной библиотекой для JavaScript. Она выложена на многих CDN сервисах (есть на доменах Cloudflare, бутстрапа и многих других).

Её можно подключить с гугловских CDN:

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

 

Чтобы перестраховаться и в случае если по каким то причинам библиотека jQuery не загрузилась с CDN, то загрузить её непосредственно с. Сделать это можно следующим образом:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-3.4.1.min.js"><\/script>')</script>

Первая строка подключает библиотеку с гугловских CDN.

  Вторая строка проверяет: если jQuery не загрузилась, то она загружается непосредственно с нашего сайта. В кавычках после атрибута src указан путь на сайте к библиотеке и её название —

/js/jquery-3.4.1.min.js. Если вы у себя переименовываете файл библиотеки или расположена она у вас в другом месте на сайте, то нужно правильно отредактировать путь и название файла.

  Ну и конечно же не стоит забывать о том, что библиотека jQuery должна подключаться перед скриптами использующими её.

 

 

 

Начало работы с jQuery

Существует несколько способов начать использовать jQuery на своем сайте:

  • Скачать библиотеку с официального сайта jQuery.com
  • Включить jQuery по CDN, вроде Google

Скачивание библиотеки jQuery

На официальном сайте jQuery для скачивания доступно две версии библиотеки:

  • Для готовых проектов (production) – эта версия предназначена для уже отлаженных и работающих сайтов. Она минифицирована и сжата, что позволяет ускорить ее загрузку.
  • Для разработки (development) – это для тестирования и разработки новых скриптов (код не сжат и содержит комментарии).

Обе версии библиотеки можно скачать на сайте jQuery.com.

Библиотека jQuery — это один файл JavaScript, который подключается в HTML теге <script> (обратите внимание, что тег <script> должен располагаться внутри тега <head>):


<head>
<script src="//msiter.ru/jquery-3.4.0.min.js"></script>
</head>

Совет: Размещайте скачанный файл библиотеки в той же директории, что и страница, использующая его.

Удивляетесь, почему в теге <script> мы не используем атрибут type=»text/javascript»? В HTML5 этого не требуется. JavaScript — скриптовый язык по умолчанию в HTML5 и во всех современных браузерах!

jQuery CDN

Если вы не хотите скачивать и размещать библиотеку jQuery на сервере своего сайта, то вы можете подключить ее с CDN (англ. Content Delivery Network – Сеть доставки содержимого).

Библиотеку jQuery можно подключить с сети Google и Microsoft.

Google CDN:


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

Microsoft CDN:


<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.0.min.js"></script>
</head> 

Преимущество использования jQuery из сети Google или Microsoft заключается в том, что многие пользователи, посещая другие сайты, уже скачали jQuery из этих CDN. В результате этого, посещая ваш сайт они будут подгружать библиотеку jQuery уже из своего локального кэша, что положительно сказывается на скорости загрузки страниц сайта. Кроме этого, большинство CDN следят, чтобы пользователь получал файлы с ближайшего к нему сервера, что также ускоряет загрузку страниц сайта.

Синтаксис jQuery Вверх Учебник jQuery для начинающих

AngularJS — Супер-героический JavaScript MVW фреймворк

HTML отлично подходит для описания статичных документов, но спотыкается при попытке описать динамические виды в веб-приложениях. AngularJS позволяет расширить синтаксис HTML. В результате код получается выразительным, читаемым, и легко поддерживается.

Другие фреймворки обходят недостатки HTML либо абстрагируясь от HTML, CSS, и/или JavaScript, либо навязывая обязательные инструменты для манипулирования DOM. Ни один из этих способов ни устраняет суть проблемы, а именно то, что HTML не предназначен для динамических приложений.

AngularJS — это набор инструментов для построения фреймворка, наиболее подходящего для создания веб-приложения. Он расширяем и отлично взаимодействует с другими библиотеками. Любая особенность может быть изменена или заменена в соответствии с уникальным путем развития и потребностями вашего приложения. Читайте далее, чтобы узнать как.

Связывание данных

Связывание данных — это способ автоматического обновления вида при изменении модели, а также обновление модели при изменении вида. Удивительно, но это исключает DOM-манипуляции из списка вещей, о которых нужно беспокоиться.

Контроллер

Контроллеры добавляют поведение DOM-элементам. AngularJS позволяет описать поведение в простой форме без шаблонного обновления DOM, регистрации колбэков или сканирования изменений модели.

Ясный JavaScript

В отличие от других фреймворков, нет необходимости наследоваться от собственных типов; оборачивать модель методами доступа. Только старый добрый JavaScript. Это позволяет легко тестировать код, обслуживать, повторно использовать и опять же освободить от шаблонов.

Внешнее связывание

Внешняя связь показывает в каком месте приложения находится пользователь. Это полезно, так как пользователи смогут создавать закладки и отправлять ссылки на элементы приложения по электронной почте. Для многостраничных приложений это не проблема, но AJAX-приложения по своей природе не такие. AngularJS сочетает в себе преимущества внешнего связывания с поведением десктопного приложения.

Валидация форм

Проверка форм на стороне клиента важна, т.к. делает приложение удобнее для пользователей. AngularJS позволяет задавать правила проверки формы без необходимости писать JavaScript код. Пишешь меньше кода — пьешь больше пива.

Обмен данными

AngularJS содержит сервисы высокоуроневого XHR, что существенно упрощает код. Мы обернули XHR, чтобы предоставить исключительное управление и обещание. Обещание еще больше упростить код при обработке асинхронно-полученных данных. Это позволяет назначать свойства синхронно, тогда как получение на самом деле асинхронное.

Директивы

Директивы — это уникальная и мощная особенность, доступная только в Angular. Директивы позволяют изобретать новый HTML синтаксис, специально под конкретное приложение.

Повторное использование

Мы используем директивы для создания повторно используемых компонентов. Компонент позволяет скрыть сложную DOM-структуру, CSS и поведение. Что позволяет сфокусировать внимание, на том что приложение делает или как оно выглядит.

Локализация

Одна из важнейших особенностей серьёзного приложения — локализация. Angular содержит фильтры и директивы которые помогут сделать приложение доступным для разных языков и культур.

Встраиваемость

AngularJS превосходно работает с другими технологиями. Вы сами выбираете что использовать из AngularJS в приложении. Большинство фреймворков требуют полного контроля над всей страницей (приложением). Эта же страница состоит из нескольких AngularJS приложений встроенных в нее. Так как AngularJS не требует контроля над всей страницей, то несколько приложений могут быть запущены на одной странице без необходимости использовать iframe. Рекомендуем открыть исходный код этой страницы (view-source) и посмотреть как он выглядит.

Внедряемость

Внедрение зависимости (Dependency injection) в AngularJS позволяет декларативно описывать взаимосвязи внутри приложения. Это означает что приложение не нуждается в методе main(), который, как правило, создает беспорядок. Внедрение зависимостей является одной из ключевых особенностей AngularJS. Это означает что любой компонент, который не соответствует вашим потребностям, может быть легко заменен.

Тестируемость

AngularJS был спроектирован так, чтобы максимально облегчить тестирование. Он отделяет представление от поведения, уже имеет в комплекте mock’и, и по полной использует внедрение зависимости. Так же в AngularJS встроен движок для комплексных (end-to-end) тестов, который избавляет от множества проблем, так он знает как устроен AngularJS изнутри.

Подключение внешних библиотек: jQuery, AngularJS и др.

Рассмотрим подключение часто используемых javascript-библиотек и фреймворков при разработке веб-приложений.

Для подключения любой из перечисленных библиотек, необходимо разместить указанный код перед закрывающим тегом </head>. В некоторых случаях, для увеличения скорости загрузки страницы, код размещается внизу страницы, до закрывающего тега </body>.

1. Подключение AngularJS

AngularJS – opensource javascript-фреймворк, предназначен для создания приложений использую шаблон MVC. Имеет богатую функциональность, позволяет работать с AJAX, DOM, анимациями, шаблонами и прочее. Главной особенностью является то, что он позволяет синхронизировать модель и представление, то есть позволяет динамически менять данные в интерфейсе при изменения данных в модели.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>

2. Подключение Angular Material

Angular Material – это одна из реализаций материального дизайна под Angular.

<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>

3. Подключение Dojo

Dojo – модульная javascript-библиотека, предназначена для упрощения разработки JS и AJAX приложений.

<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script>

4. Подключение Hammer.JS

Hummer.JS – javascript-библиотека, предназначена для поддержки восприятия тактильного воздействия, проще говоря, улучшает взаимодействие с сенсорными экранами. Работает при поддержке jQuery.

<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>

5. Подключение jQuery

jQuery – популярная javascript-библиотека, основной задачей является взаимодействие JS и HTML. Имеет ряд возможностей для работы с DOM, обработкой событий, AJAX и визуальными эффектами. Для jQuery существует огромное количество дополнительных плагинов.

версия 1.12.4:

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

версия 2.2.4:

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

версия 3.1.0:

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

6. Подключение jQuery Mobile

jQuery Mobile – сенсорно-ориентированный фреймворк, предназначен для разработки веб-приложений с уклоном на планшеты и смартфоны.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">

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

7. Подключение jQuery UI

jQuery UI – javascript-библиотека, предназначена для создание пользовательского интерфейса. Имеет набор готовых виджетов.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>

8. Подключение MooTools

MooTools – объектно-ориентированный javascript-фреймворк, созданный для разработки веб-приложений. Протестирован во многих, в то числе и старых, браузерах.

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

9. Подключение SWFObject

SWFObject – js-скрипт, предназначенный для внедрения flash-роликов на страницы сайта.

<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

10. Подключение three.js

three.js – javascript-библиотека, предназначена для создания анимированных 3D-объектов при разработке веб-приложений.

<script src="https://ajax.googleapis.com/ajax/libs/threejs/r76/three.min.js"></script>

Как изменить стиль всплывающего окна (PopUp)? – База знаний LPgenerator.ru

Источник изображения

Чтобы изменить внешний вид окна с формой заказа обратного звонка (PopUp), сделанного по нашему руководству, необходимо подключить стили, доступные на сайте jQuery. Как подключить стили, вам расскажет данное руководство.

Чтобы изменить внешний вид окна в первом фрагменте кода, который мы встраиваем при создании всплывающего окна, изменяем ссылку, находящуюся во второй строчке:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />

Вместо http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/ui-lightness/jquery-ui.css вписываем ссылку на любой из понравившихся стилей.

Обратите внимание! Если вы выберете стили более “старших” или “младших” версий библиотек jQuery, изменения могут не вступить в силу, т.к. версии могут конфликтовать.

Мы рекомендуем попробовать использовать одну из тем оформления PopUp формы, доступную в списке:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/base/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/black-tie/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/blitzer/jquery-ui.css

  • Небесный Купертино:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/cupertino/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/dark-hive/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/dot-luv/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/eggplant/jquery-ui.css

  • Летний контраст:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/excite-bike/jquery-ui.css

  • Засвеченная пленка:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/flick/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/hot-sneaks/jquery-ui.css

  • Дерево и слоновая кость:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/humanity/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/le-frog/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/mint-choc/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/overcast/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/pepper-grinder/jquery-ui.css

  • Небесная канцелярия:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/redmond/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/smoothness/jquery-ui.css

  • Кислота в колбе:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/south-street/jquery-ui.css

  • Море и водоросли:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/start/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/sunny/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/swanky-purse/jquery-ui.css

  • Виртуальность:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/trontastic/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/ui-darkness/jquery-ui.css

  • Светлый (стандарт):

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/ui-lightness/jquery-ui.css

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/vader/jquery-ui.css

Подборка достаточно разнообразна и подойдет как для пользователей с разным вкусом, так и страниц с любым дизайном : )

Высоких вам конверсий и приятной работы!

С уважением,
служба технической поддержки LPgenerator.ru 

Начало работы с AngularJS

AngularJS это JavaScript фреймворк, который расширяет HTML.

Здесь мы рассмотрим несколько простых примеров использования AngularJS. Для лучшего понимания, возможно, вы заходите взглянуть на AngularJS Book от Chris Smith или ng-book от Ari Lerner.

Чтобы начать работу с AngularJS, нам нужна HTML страница с тремя вещами:

1) Загрузить angular.js

Нам нужно загрузить файл angular.js с одного из CDN или с локального диска.

Если вы хотите загрузить его с Google CDN, тогда добавьте в HTML такой код:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>

Если хотите использовать Cloudflare CDNjs, тогда такой:

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.min.js"></script>

Также вы можете скачать файл angular.min.js, загрузить его на ваш сервер и подключить вот так:

<script src="angular.min.js"></script>

В примерах выше я использовал версию 1.4.2 AngularJS, но ко времени, когда вы будете читать эту статью, у Angular может выйти новый релиз, и, возможно, вы захотите использовать новую версию.

2) Добавить ng-app

Добавьте ng-app к одному из элементов на вашей странице. Все, имеющее этот элемент, будет рассматриваться как часть AngularJS кода. Мы можем добавить это к элементу html, body, или даже div, как это сделано в нашем первом примере.

3) Добавить выражение AngularJS.

AngularJS имеет различные элементы. Выражение (expression) это фрагмент кода, помещенный в {{ }}. Он может содержать ограниченный набор выражений JavaScript.

Теперь мы подошли к нашему первому примеру. Еще даже до написания Hello

Hello World с AngularJS

examples/angular/hello_world.html

<script src="angular.min.js"></script>
<div ng-app>
  Hello {{ "World" }}
</div>
Try!

В нашем самом первом примере выражение это просто фиксированная строка. Ничего особенного. Даже немного оскорбительно.

И результат — Hello World.

Простое выражение AngularJS

В нашем следующем примере выражение это вычисление.

examples/angular/first_expression.html

<script src="angular.min.js"></script>
<div ng-app>
  Hello Angular {{ 19 + 23 }}
</div>
Try!

Результат — Hello Angular 42.

Angular выполнил выражение и показал результат.

Запомните, это работает в браузере, так что если вы нажмете «view source», то увидите этот код как и обычный html файл.

Переменные в выражениях AngularJS

В следующем все еще очень простом примере, мы сможем увидеть, как можно присваивать значения переменным, а затем мы сможем использовать эти переменные в выражениях.

Замечание: здесь мы не используем var для присвоения значений переменным, потому что это на самом деле атрибуты внутреннего объекта AngularJS.

examples/angular/variables_in_expressions.html

<script src="angular.min.js"></script>
<div ng-app>
  {{ x = 23; y= 19; x + y }}
</div>
Try!

Разделим установку переменной и ее использование на два выражения.

Мы можем даже присвоить значение переменной в одном выражении, а использовать ее в другом. И не только. Даже расположение этих выражений в HTML не имеет значения. Как мы можем выдеть в следующем примере, мы можем использовать переменную даже до ее установки:

examples/angular/assignment_and_expression.html

<script src="angular.min.js"></script>
<div ng-app>
  <div>
  Result
  {{ x + y }}
  </div>
  <div>
    Assignment:
    {{ x = 23; y= 19 }}
  </div>
  <div>
    Result
    {{ x + y }}
  </div>
</div>
Try!

Результатом будет:

Result 42
Assignment: 19
Result 42

Здесь есть некоторая проблема: последний результат выражения, в котором мы присваиваем значение, тоже отображается. Вот поэтому мы видим 19 на странице.

Для решения проблемы можно добавить другой оператор к выражению присваивания, который не будет возвращать видимого значения. Это может быть null или » (пустая строка).

examples/angular/assignment_and_expression_fixed.html

<script src="angular.min.js"></script>
<div ng-app>
    <div>
    Result
    {{ x + y }}
    </div>
  <div>
    Assignment:
    {{ x = 23; y= 19; null}}
  </div>
  <div>
    Result
    {{ x + y }}
  </div>
</div>
Try!

Результатом будет:

Result 42
Assignment:
Result 42

Ускорение загрузки изображений и скриптов

Современные браузеры имеют поддержку предварительной загрузки ресурсов, указав в <head> страницы, теги <link> с их адресами и методом их получения позволяет сократить время загрузки на 0.2 сек на элемент. Далее представлены возможные варианты:

1

X-Dns-Prefetch-Control

Включает и отключает предварительное получение DNS имен внешних ресурсов, которые используются на сайте.

<meta http-equiv="x-dns-prefetch-control" content="on">
<meta http-equiv="x-dns-prefetch-control" content="off">

2

Dns-Prefetch

Сообщает браузеру, по каким адресам могут находиться ресурсы и получает их DNS.

<link rel="dns-prefetch" href="//ajax.googleapis.com">
<link rel="dns-prefetch" href="//google-analytics.com">
<link rel="dns-prefetch" href="//mc.yandex.ru">

3

Preconnect

Также как dns-prefetch получает DNS, но идет дальше и устанавливает соединение с ресурсом.

<link rel="preconnect" href="//ajax.googleapis.com" crossorigin>
<link rel="preconnect" href="//google-analytics.com" crossorigin>
<link rel="preconnect" href="//mc.yandex.ru" crossorigin> 

Атрибут crossorigin используется для внешних ресурсов, он указывает что не нужно отправлять куки тем самым ускоряя подключение.

4

Preload

Работает так же, как и preconnect, но браузер уже загружает ресурс.

<link rel="preload" href="//mc.yandex.ru">

Атрибут as указывает тип ресурса:

<link rel="preload" href="//ajax.googleapis.com/script.js" as="script">
<link rel="preload" href="//ajax.googleapis.com/style.css" as="style">
image Изображения
script JS файлы
style CSS файлы
font Шрифты
audio Аудио файлы
video Видео файлы
track Файлы субтитров для <video>
document HTML-документы для <iframe>
embed или object Флеш и другие ресурсы для <embed>
fetch JSON файлы

Атрибут crossorigin="anonymous" – используется для внешних ресурсов, ускоряет подключение т.к. не передаются cookie, сертификат и т.д.

<link rel="preload" href="//ajax.googleapis.com/script.js" as="script" crossorigin="anonymous">
<link rel="preload" href="//ajax.googleapis.com/style.css" as="style" crossorigin="anonymous">

5

Prefetch

Указываем браузеру что этот ресурс потребуется позже и браузер загрузит его с низким приоритетом и поместит в кэш.

<link rel="prefetch" href="//example.com/script.js">
<link rel="prefetch" href="//example.com/style.css">

6

Subresource

То же что и prefetch, только с высоким приоритетом.

<link rel="subresource" href="//example.com/script.js">
<link rel="subresource" href="//example.com/style.css">

размещенных библиотек | Разработчики Google

Размещенные библиотеки Google — это стабильная, надежная, высокоскоростная, глобальная доступная сеть распространения контента для наиболее популярных, с открытым исходным кодом Библиотеки JavaScript.

Google работает напрямую с ключевыми заинтересованными сторонами по каждому проекту библиотеки. и принимает самые последние версии по мере их выпуска.

Библиотеки

Чтобы загрузить размещенную библиотеку, скопируйте и вставьте фрагмент HTML для этого библиотеки (показано ниже) на вашей веб-странице.Например, чтобы загрузить jQuery, вставьте <скрипт src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"> фрагмент на вашей веб-странице.

Мы рекомендуем загружать библиотеки из CDN через HTTPS, даже если у вас собственный веб-сайт использует только HTTP. В настоящее время производительность высокая, а кеширование работает точно так же. Файлы CDN обслуживаются CORS и Время-Разрешить заголовки и разрешено кешировать на 1 год.

ЦезийJS

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js">
сайт:
github.com/CesiumGS/cesium
версии:
1,78

D3.js

фрагмент:
<скрипт src = "https: // ajax.googleapis.com/ajax/libs/d3js/6.6.0/d3.min.js ">
сайт:
d3js.org
версии:
6.6.0, 6.5.0, 6.3.1, 6.2.0, 6.1.1, 5.16.0, 5.15.1, 5.15.0, 5.14.2, 5.12.0, 5.11.0, 5.9.7, 5.9. 2, 5.9.0, 5.8.0, 5.7.0, 4.13.0, 3.5.17

Додзё

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/dojo/1.13.0 / dojo / dojo.js ">
сайт:
dojotoolkit.org
версии:
1.13.0, 1.12.3, 1.12.2, 1.12.1, 1.11.5, 1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.10.9, 1.10.8, 1.10.7, 1.10.6, 1.10.5, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.11, 1.9.10, 1.9.9, 1.9.8, 1.9.7, 1.9.6, 1.9.5, 1.9.4, 1.9.3, 1.9.2, 1.9.1, 1.9.0, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.12, 1.7.11, 1.7.10, 1.7.9, 1.7.8, 1.7.7, 1.7.6, 1.7.5, 1.7.4, 1.7.3, 1.7.2, 1.7.1, 1.7. 0, 1.6.5, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.6, 1.5.5, 1.5.4, 1.5.3, 1.5.2, 1.5.1, 1.5.0, 1.4.8, 1.4.7, 1.4.6, 1.4.5, 1.4.4, 1.4.3, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.3, 1.2.0, 1.1.1

Внешнее ядро ​​

фрагмент:
<скрипт src = "https: // ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js ">
сайт:
sencha.com/products/extcore
версии:
3.1.0, 3.0.0

Hammer.JS

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js">
сайт:
hammerjs.github.io
версии:
2.0.8

Неопределенная наблюдаемая

фрагмент:
сайт:
https://github.com/material-motion/indefinite-observable-js
версии:
2.0,1, 1.0.1

jQuery

3.x фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">
2.x фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">
1.x фрагмент:
<скрипт src = "https: // ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js ">
сайт:
jquery.com
версии:
3.6.0, 3.5.1, 3.5.0, 3.4.1, 3.4.0, 3.3.1, 3.2.1, 3.2.0, 3.1.1, 3.1.0, 3.0.0, 2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.1.4, 2.1.3, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0. 0, 1.12.4, 1.12.3, 1.12.2, 1.12.1, 1.12.0, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3. 0, 1.2.6, 1.2.3
примечание:
3.3.0, 2.1.2, 1.2.5 и 1.2.4 не размещены из-за их короткой и нестабильной жизни в дикой природе.

jQuery Mobile

фрагмент:
<ссылка rel = "stylesheet" href = "https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5 / jquery.mobile.min.css ">
сайт:
jquerymobile.com
версии:
1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0
примечание:
Эта библиотека зависит от jQuery. Вы также должны загрузить jQuery перед загрузкой этого модуля.

jQuery UI

фрагмент:
<ссылка rel = "stylesheet" href = "https: // ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css ">
сайт:
jqueryui.com
версии:
1.12.1, 1.12.0, 1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2
примечание:
Эта библиотека зависит от jQuery. Вы также должны загрузить jQuery перед загрузка этого модуля. Версия 1.8.3 не размещается из-за ее короткого life, а псевдоним 1.8.3 фактически загружает 1.8.4.

Движение материала

фрагмент:
сайт:
https://github.com/material-motion/material-motion-js
версии:
0.1.0

MooTools

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js">
сайт:
mootools.сеть
версии:
1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.5, 1.2.4, 1.2.3, 1.2.2, 1.2.1, 1.1.2, 1.1.1
примечание:
Для версий 1.5.1 и более ранних, имя файла минифицированной версии называется mootools-yui-compressed.js вместо mintools.min.js.

Myanmar Tools

фрагмент:
<скрипт src = "https: // ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_detector.min.js "> <скрипт src = "https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_converter.min.js">
сайт:
https://github.com/google/myanmar-tools/
рекомендуемые версии:
1.2.1
все размещенные версии:
1.0.1
1.1.0
1.1,1
1.1.3
1.2.0
1.2.1

Опытный образец

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js">
сайт:
prototypejs.org
версии:
1.7.3.0, 1.7.2.0, 1.7.1.0, 1.7.0.0, 1.6.1.0, 1.6.0.3, 1.6.0.2

скрипт.aculo.us

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js">
сайт:
script.aculo.us
версии:
1.9.0, 1.8.3, 1.8.2, 1.8.1
примечание:
Эта библиотека зависит от Prototype . Перед загрузкой этого модуля вы должны загрузить Prototype.

Игрок Shaka

фрагмент:





сайт:
https://github.com/google/shaka-player/
рекомендуемые версии:
3.0.8, 2.5.20, 2.4.7
все размещенные версии:
3.0.8, 2.5.20, 3.0.7, 2.5.19, 3.0.6, 2.5.18, 3.0.5, 2.5.17, 3.0.4, 2.5.16, 3.0.3, 2.5.15, 3.0 .2, 2.5.14, 3.0.1, 2.5.13, 3.0.0, 2.5.12, 2.5.11, 2.5.10, 2.5.9, 2.5.8, 2.5.7, 2.5.6, 2.5.5 , 2.5.4, 2.5.3, 2.5.2, 2.5.1, 2.5.0, 2.5.0-бета3, 2.5.0-бета2, 2.5.0-бета, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0, 2.3.10, 2.3.9, 2.3.8, 2.3.7, 2.3.6, 2.3.5, 2.3.4, 2.3.3, 2.3.2, 2.3.1, 2.3.0, 2.2.10, 2.2.9, 2.2.8, 2.2. 7, 2.2.6, 2.2.5, 2.2.4, 2.2.1, 2.2.0, 2.1.9, 2.1.8, 2.1.7, 2.1.6, 2.1.5, 2.1.4, 2.1.3, 2.1.2, 2.1.1, 2.1.0, 2.0.9, 2.0.8, 2.0.6, 1.6.5

SPF

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js">
сайт:
YouTube.github.io/spfjs
версии:
2.4.0, 2.3.2, 2.3.1, 2.3.0, 2.2.0, 2.1.2, 2.1.1, 2.1.0, 2.0.1, 2.0.0

SWFObject

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">
сайт:
github.com/swfobject/swfobject
версии:
2.2, 2.1

three.js

фрагмент:
<скрипт src = "https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js">
сайт:
threejs.org
версии:
r84, r83, r82, r81, r80, r79, r78, r77, r76, r75, r74, r73, r72, r71, r70, r69, r68, r67, r49

Загрузчик веб-шрифтов

фрагмент>
<скрипт src = "https: // ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js ">
сайт:
github.com/typekit/webfontloader
версии:
1.6.26, 1.6.16, 1.5.18, 1.5.10, 1.5.6, 1.5.3, 1.5.2, 1.5.0

Устранение неисправностей

Видите устаревшую версию? Убедитесь, что вы не используете ссылки «автоматическая версия», например / jqueryui / 1 / ... , но вместо этого используйте URL-адреса, относящиеся к точным версиям.Из-за опасений по поводу кеширования и отсутствия совместимости даже между второстепенными версиями у нас есть устарела и перестала обновлять псевдонимы автоматической версии некоторое время назад, поэтому они будут навсегда ссылаться на старую версию (чтобы не нарушать работу существующих сайтов, которые все еще их используют).

Если возникнут проблемы:

Исправить ожидание медленной загрузки страницы для ajax.googleapis.com »WebNots

Вы многоуровнево видите сообщение, ожидающее «ajax.googleapis.com »в нижней части окна браузера и бесконечно ждете загрузки страницы? Что ж, легко понять, что открываемая вами страница пытается вызвать что-то с серверов Google и отключается до тех пор, пока не получит ответ. Вот объяснение того, что страница вызывает от Google, и возможные решения проблемы.

Что такое ajax.googleapis.com?

Большинство современных веб-сайтов используют серверный JavaScript для предоставления посетителю полезных функций.Файлы сценариев должны быть размещены на веб-сервере, чтобы браузер мог вызывать и получать сценарии во время загрузки страницы. Что Google делает здесь, так это поддерживает файлы библиотеки сценариев с открытым исходным кодом на сервере, размещенном в Google, и распространяет файлы через свою сеть распространения контента, чтобы при загрузке страницы браузер мог вызывать эти файлы библиотеки с серверов Google.

Google поддерживает эти файлы в последней версии и устанавливает заголовки кеша для этих библиотек. Это устраняет необходимость размещения библиотек сценариев на отдельных веб-серверах, и простая ссылка на сервер Google решит эту задачу.

Если на странице, которую вы пытаетесь открыть, есть ссылка для вызова серверов Google для получения библиотек сценариев, вы увидите сообщение, ожидающее «ajax.googleapis.com». Щелкните правой кнопкой мыши и просмотрите источник страницы после ее загрузки, вы увидите что-то вроде ниже:

  

Почему используются файлы библиотеки Google?

Как упоминалось выше, Google размещает эти библиотеки и поддерживает их до последней версии.Предположим, вы разрабатываете плагин WordPress с использованием библиотек JQuery. Предоставление файлов библиотеки JQuery вместе с плагином усложняет жизнь как вам как разработчику, так и пользователю. Вот некоторые из возможных проблем, которые могут развиться:

  • Тема, используемая отдельными людьми, может иметь другую версию JQuery
  • Другой установленный плагин может конфликтовать с версией, которую вы предоставили со своим плагином
  • При каждом обновлении необходимо обновить плагин полными библиотеками.
  • Размер вашего плагина будет большим, с множеством дополнительных файлов библиотеки.

Чтобы преодолеть все эти проблемы, вы можете просто включить строку сценария, вызывающую библиотеку версий JQuery с серверов Google. Поскольку эти файлы обновлены и чаще всего используются разработчиками тем и плагинов, вероятность конфликтов версий также значительно снижена.

Какие библиотеки Google предлагаются?

Google предлагает следующие библиотеки, размещенные на их собственных серверах, поэтому включение любого из этих сценариев будет называть «ajax.googleapis.com »для загрузки библиотек.

  • угловой JS
  • Угловой материал
  • Додзё
  • Внешний сердечник
  • jQuery
  • мобильный jQuery
  • MooTools
  • пользовательский интерфейс jQuery
  • Опытный образец
  • script_aculo_us
  • SPF
  • SWFObject
  • three.js
  • Загрузчик веб-шрифтов

Почему загрузка занимает так много времени?

Теперь, когда вы, должно быть, поняли, почему сообщение «ajx.googleapis.com ». Давайте подойдем к проблеме, почему это занимает так много времени и занялись «ожиданием ajx.googleapis.com»? Когда загружается страница со ссылкой на библиотеки Google, браузер вызывает серверы Google для загрузки всех необходимых библиотек. Проблема здесь в поведении браузеров, которые будут отображать контент только после загрузки всех необходимых файлов сценариев.

По сути, это означает, что даже если внешние библиотеки скриптов Google не нужно запускать при загрузке страницы, браузеры будут отображать контент только после загрузки библиотек.Вы будете видеть сообщение «Ожидает ajax.googleapis.com» до тех пор, пока файлы не будут загружены в ваш локальный браузер. Почти все веб-браузеры, такие как Chrome, Firefox, Safari, Edge и IE, ведут себя одинаково, поэтому задержки нельзя избежать при смене браузера.

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

  • Вы часто очищаете кеш браузера или настроили его удаление при закрытии окна браузера. Это заставит браузер загружать библиотеки JavaScript каждый раз, когда вы открываете страницу.
  • У вашего интернет-провайдера нет правильной настройки поиска DNS для более быстрого получения данных.
  • Сервисы Google заблокированы вашим интернет-провайдером или в вашей стране.

Возможные решения для устранения проблемы ajax.googleapis.com

Ниже приведены некоторые возможные способы исправить скрипты Google, останавливающие загрузку страницы:

  1. Использование общедоступного DNS
  2. Блокировка с помощью файла hosts
  3. Использование блокировщиков скриптов
  4. Использовать VPN или прокси-службу
  5. Очистить DNS
  6. Очистить кеш браузера
  7. Обратитесь к своему интернет-провайдеру
  8. Владельцу сайта
1.Использование общедоступного DNS

Правильная настройка DNS позволяет браузеру быстро получать необходимые файлы библиотеки с сервера. По умолчанию браузеры получают DNS-серверы динамически от вашего интернет-провайдера (ISP), что может быть неэффективным при получении файлов сценариев. В качестве альтернативы вы можете использовать общедоступный DNS Google, который будет иметь кешированные файлы библиотеки и быстро отправлять их в ваш браузер. Это также улучшит общую скорость загрузки страницы.

Установить Google Public DNS

2.Блокирующие сценарии с помощью файла Hosts

Если проблема не решена с изменением настроек DNS, вы можете заблокировать вызов API на сервер Google, указав его на localhost в файле hosts на вашем ПК или Mac. Браузер использует файл hosts для сопоставления IP-адреса любого сайта перед переходом на DNS. Следовательно, его блокировка в файле hosts завершит вызов API и загрузит страницу без необходимых ресурсов. Создайте следующие записи в файле hosts для IPv4 и IPv6 соответственно:

127.0.0.1 шрифты.googleapis.com

:: 1 fonts.googleapis.com

Однако это не рекомендуется, поскольку блокировка необходимого ресурса может привести к непреднамеренному поведению отображаемой страницы. Узнайте, как редактировать файл hosts в Mac и Windows.

3. Использование блокировщика сценариев

Установите любые плагины или расширения браузера, чтобы заблокировать выполнение скриптов на странице. Опять же, это также остановит загрузку функций на странице, использующих скрипты.

4. Заблокированные службы Google

Есть много стран, блокирующих сервисы Google.Если вы живете в такой стране, используйте надежный VPN или прокси для доступа к странице с именем ajax.googleapis.com. Существуют премиальные VPN-сервисы, такие как VpyrVPN и ExpressVPN, которые предлагают анонимный просмотр с частным DNS. Также возможно, что только ваш интернет-провайдер блокирует службы Google или имеет проблемы с разрешением IP-адресов серверов Google, вызывая задержку загрузки страницы. Вы можете узнать это, протестировав страницу в другой сети, предлагаемой другим интернет-провайдером (например, откройте страницу в мобильной сети).

5.Очистить DNS

Ваш компьютер также кэширует записи DNS и использует их для ускорения процесса разрешения домена. Устаревшие записи DNS могут повлиять на загрузку скриптов на странице. Так что очистите DNS на своем компьютере и посмотрите, сможете ли вы открывать веб-страницы без сообщения ajax.googleapis.com.

6. Очистить кеш браузера

Со временем браузер может начать накапливать множество ненужных файлов cookie и временных файлов. Эти файлы могут вызывать проблемы при загрузке страниц, особенно если есть изменения в IP / DNS / серверах имен сайтов, которые вы открываете.Самый простой способ избавиться от поврежденных файлов cookie и файлов истории — удалить историю просмотров. Как правило, вы можете удалить историю и файлы cookie, перейдя на страницу настроек вашего браузера.

7. Обратитесь к своему интернет-провайдеру

Если вы не можете решить проблему с загрузкой ajax.googleapis.com с помощью любого из вышеперечисленных решений, последний вариант — обратиться к своему интернет-провайдеру. Иногда может возникнуть проблема с настройкой на стороне провайдера, которая также может вызвать проблемы при загрузке скриптов с серверов Google.Таким образом, ваш интернет-провайдер может проверить как со своей стороны, так и с вашей стороны и помочь вам решить проблему.

8. Владельцам сайтов

Если вы являетесь владельцем сайта, старайтесь избегать использования тем или плагинов, вызывающих библиотеки скриптов Google. На странице есть много элементов, таких как окно поиска, ползунки, виджеты связанных сообщений и т. Д., Которые будут вызывать ajax.googleapis.com для получения необходимых файлов сценария и вызывать задержку. Хотя контролировать использование каждого элемента — сложная задача, использование соответствующего механизма кэширования для обслуживания файлов обеспечит более быструю загрузку ресурсов на странице.

Завершение

Google создал экосистему, которая будет частью всего в Интернете. К сожалению, это не очень хорошая ситуация, поскольку реальные пользователи могут пострадать по разным причинам, упомянутым выше. Мы считаем, что одно из описанных решений должно помочь вам решить проблему, особенно переход на Google DNS или использование премиальных VPN-сервисов определенно поможет решить эту проблему с ajax.googleapis.com.

ajax.googleapis.com останавливает мой Firefox — суперпользователь

ajax.googleapis.com URL относится к внешней библиотеке JavaScript, которая содержит функции, которые веб-страница может использовать в некоторых собственных встроенных JavaScript.

В большинстве (если не во всех) браузерах ничего на странице не отображается до тех пор, пока все встроенных сценариев не будут выполнены, выполняя * . Даже если встроенному JavaScript ничего не требуется из этих внешних библиотек JavaScript, вашему браузеру необходимо сначала загрузить все определенные внешние библиотеки, на всякий случай, если они понадобятся.Итак, если внешний скрипт отсутствует в кэше вашего браузера (или: всякий раз, когда вы явно обновляете свой браузер ), тогда все останавливается до тех пор, пока скрипт не будет загружен.

URL-адрес ajax.googleapis.com отлично загружается при моем подключении к Интернету, и я предполагаю, что в Safari и Chrome все еще есть библиотека в своих кешах? Что касается очень медленного прокси: это может быть какой-нибудь антивирусный сканер (вряд ли на вашем Mac) или какой-то брандмауэр? Если проблема в прокси-сервере, то это вне вашего контроля, поэтому (при условии, что вам нужно использовать прокси-сервер , а не ): обратитесь к администраторам? Между тем, вы можете повторить свой тест для других библиотек, размещенных в Google, например jQuery 1.3.2 или jQuery UI 1.7.2.

(Если на самом деле все остальное не удается, вы можете попытаться найти способ переписать запрос для ajax.googleapis.com/[.. ]/1.3.2/jquery.min.js на URL-адрес другого хоста. ..)


* См. (Медленный) пример на Cuzillion. И хотя IE8 является первым браузером, который загружает скриптов параллельно, он все равно не сможет выполнить параллельно.

Google сообщает вашему браузеру кэшировать его на 31 536 000 секунд, то есть на 365 дней.И это позволяет публичное кэширование, поэтому прокси может кэшировать его и использовать его для других клиентов.

При нажатии кнопки «Обновить» для кэшированных элементов большинство браузеров добавят к запросу заголовок If-Modified-Since , таким образом, выполняя загрузку только в том случае, если элемент в кеше устарел. Но: даже если сервер отвечает HTTP / 1.x 304 Not Modified , браузеру все равно нужно дождаться этого ответа. Итак: нажатие «Обновить», когда все работает медленно, может усугубить ситуацию!

[РАЗРЕШЕНО] — «Ожидание ajax.googleapis.com «загружаются очень медленно. | Форум веб-хостинга — Обзор

В большинстве случаев мы видим это сообщение на веб-сайтах» Ожидание ajax.googleapis.com «в нижней части веб-страницы. Это означает, что браузер ожидание загрузки страницы бесконечно. Это просто означает, что страница пытается вызвать что-то с сервера googleapis.com (сервер Google) и удаляется, так как это еще не получено с нашей стороны.

Что такое ajax.googleapis.com ?
В современном мире почти все используют Javascripts для своих веб-сайтов, чтобы предоставить конечным пользователям больше возможностей.Теперь Google поддерживает файлы библиотеки с открытым исходным кодом на своем собственном сервере и распространяет их в сетях CDN. Таким образом, если браузер загружает страницу, он может легко вызывать эти файлы с сервера Google. Google обновляет эти файлы, а также устанавливает заголовок кеша для этих файлов библиотеки, что устраняет необходимость замены файлов с отдельных серверов.
Вы можете найти ссылку на эти файлы, щелкнув страницу правой кнопкой мыши и просмотреть источник:

Почему используются эти файлы библиотеки Google?
Как мы уже говорили ранее, Google обновляет эти файлы на своем сервере. Если вы храните их на своем локальном сервере веб-хостинга, вам необходимо регулярно обновлять файлы, а также они будут занимать много места на сервере. Большинство веб-сайтов сегодня разрабатываются с помощью CMS, например WordPress, и используют различные плагины. Если файлы библиотеки jQuery предоставляются с каждым плагином, это будет большой трудностью для разработчика.
  • Темы, используемые людьми с другой версией, будут конфликтовать с файлами библиотеки jQuery.
  • Другой плагин конфликтует с версией, используемой вашим плагином.
  • После обновления необходимо обновить плагин со всей библиотекой.
  • Размер файлов будет увеличиваться за счет дополнительных файлов библиотеки.

Почему загрузка занимает слишком много времени?
Теперь у вас возникает вопрос, почему это сообщение появляется в браузере, а страница не загружается.Проблема связана только с поведением браузеров, поскольку они не отображают страницу до тех пор, пока файлы библиотеки не будут загружены с сервера. По сути, это означает, что даже если внешние библиотеки скриптов Google не требуется запускать при загрузке страницы, браузеры будут отображать контент только после загрузки библиотек.

Как решить эту проблему?
Эту проблему можно решить следующими способами.

1. Используйте записи общедоступного DNS для маршрутизации:
Вы можете использовать записи общедоступного DNS для маршрутизации в Интернете.По умолчанию браузер получает записи DNS от вашего интернет-провайдера, что требует много времени на маршрутизацию и может быть неэффективным для получения файлов сценариев.
Таким образом, вы можете использовать записи Google DNS для маршрутизации, поскольку они содержат кэшированные файлы библиотеки и предоставляют их быстрее, чем другие.
Вы можете сослаться на изображение ниже для общедоступного DNS Google.


2. Заблокировать Google API:
Вы можете заблокировать Google API, указав им свой локальный сервер.Но это не лучший выбор, так как это может привести к разбивке страницы.

//ajax.googleapis.com… — Служба поддержки клиентов Spitfire

Клиентские службы Spitfire> База знаний> KBA-01593: Ошибка сценария: URL: http: //ajax.googleapis.com…