Acelera la carga de tu web mejorando la cabecera con Head JS
Como todos sabéis en la sección HEAD de una página web es donde se suelen cargar los scripts que se van a usar en la misma, además de otros archivos importantes como las hojas de estilo. Esto supone un factor de riesgo cuando tratamos de mejorar la velocidad de carga de nuestra web, pero moviendolas al pié de la misma nos encontramos con un grave problema de dependencias y sobre todo con HTML5 y CSS3 que no funcionarán correctamente.
Para solucionar el problema nada mejor que un script, Head JS. Se trata de una pequeña maravilla hecha en Javascript que te permite cargar en paralelo y de forma ordenada todos los scripts que uses en un sitio web. El hecho de cargar los archivos JavaScript ya hacen de este añadido algo fundamental, pero ahí no queda todo sino que tiene aun muchas más opciones.
- Completo organizador de JavaScript
- Moderniza el CSS para usarlo en navegadores que no soporten box-shadow
- Activa HTML5 en navegadores obsoletos
- Detecta el tamaño de la pantalla del dispositivo que está accediendo a ella
- Permite CSS dinámico
- Detecta el navegador, incluso diferencia entre versiones de Internet Explorer
- Y otras muchas opciones más…
Más información | Web oficial
Vía | WRD
3 comentarios
Oye Ricardo, gracias por este recurso.
Intenté agregarlo a mi blog de blogspot y no me funciona.
Me dice que no está bien formada la plantilla.
Lo hice con ‘expandir plantilla de artilugios’ y también normal.
Sabes cómo puedo hacerlo o si existe algo parecido?
Es que mi página siento que tarda más de lo normal en cargar.
Espero tu respuesta, gracias otra vez.
Hace tiempo vi algo parecido para cargar muchos scripts mas rapidamente, creo que era esto:
http://www.1stwebdesigner.com/design/load-javascript-faster/
espero les sirva a otros
buen tip, sabes algo que estoy buscando (por si llega a servir de idea para un post)
alguna manera de hacer un listado de distintas categorias que permita mostrar con un solo click en wordpress 2-3 categorias a elegir, por ejemplo que el usuario pueda elegir una categoria con un click y mostrarlo en la pagina que esta viendo sin recargar ni nada, seguro es una pavada de hacer pero estaria bueno un tuto 🙂