En estos últimos años la velocidad de carga de los sitios webs ha ido cobrando cada vez más importancia debido principalmente a 2 factores,...
Elegir un cdn para jQuery
Los CDN gratuitos más populares y con mejor velocidad de carga son los que nos ofrecen Google, Microsoft y el CDN oficial de jQuery, otros menos usados pero que no hay que perder de vista son jsDelivr y CDNJS, existen varias comparativas en Internet y no siempre concuerdan entre ellas, en el caso de los cinco CDN que hemos investigado, la velocidad de carga es menor de 100ms en la mayoría de los casos, aunque el tiempo de carga depende mucho de la zona en la que se encuentre.
Un factor muy importante a tener en cuenta es que el CDN más usado tiene mayor posibilidad de estar cacheado en el dispositivo del usuario, por otra parte, no debemos confiar el funcionamiento de nuestra aplicación a terceros y deberiamos crear un mecanismo para obtener una solución en caso de fallo en la carga del archivo, esto lo veremos más adelante.
Versiones
3.4.1, 3.4.0, 3.3.1, 3.3.0, 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.2, 2.1.1, 2.1.0, 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.11.2, 1.11.1, 1.11.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6, 1.5.2, 1.5.1, 1.4.4, 1.4,3, 1.4.2, 1.4.1, 1.4, 1.3.2 …
CDN´s
Google CDN (http/https)
Uso global: 13.7%
Velocidad: 60ms / 90ms
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.map"></script>
Microsoft CDN (http/https)
Uso global: 0.4%
Velocidad: 70ms / 120ms
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.map"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1-vsdoc.js"></script>
jQuery CDN (http/https)
Uso global: 4.2%
Velocidad: 50ms / 80ms
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.map"></script>
jsDelivr CDN (http/https)
Uso global: 3.3%
Velocidad: ¿?
<script src="https://cdn.jsdelivr.net/jquery/3.2.1/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery/3.2.1/jquery.min.map"></script>
CDNJS CDN (http/https)
Uso global: 10.4%
Velocidad: ¿?
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.map"></script>
Carga de jQuery a prueba de fallos
<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">x3C/script>')</script>
Método 2
<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>
Método 3
<!-- Grab Google CDNs jQuery; fall back to local if necessary -->
<script src="https//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="/js/jquery-3.4.1.min.js"%3E%3C/script%3E'))</script>
Quizás te interese ...
Los parámetros de url son muy útiles para pasar datos a aplicaciones web, hoy en día su uso se está extendiendo más gracias a NodeJS, el...
¿Cuantas funciones js hay en total en nuestro sitio web? Conforme va creciendo nuestro sitio, necesitamos incluir funciones que normalmente...
La barra de navegación (navbar) es sin duda una de las piezas fundamentales de un proyecto, pero no por ello se ha de construir un devorador...
Valoraciones
Sé el primero en valorar