En un video reciente de Google plus, el letrado creador Alan Kent comparte seis maneras de mejorar JavaScript para prosperar el desempeño de su lugar.
Kent identifica inconvenientes de desempeño recurrentes ocasionados por JavaScript y mira los pasos que puede proseguir para solventarlos.
1. Impide la proliferación de ficheros JavaScript
Evite la proliferación de ficheros JavaScript en su ubicación.
La proporción de ficheros JavaScript puede volverse excesiva si no posee precaución, en especial si cada ingrediente de el diseño de usuario está en un fichero separado.
Achicar la proporción de ficheros JavaScript que un navegador debe bajar puede prosperar el desempeño del lugar.
como se descubre
Él Ocasión Sección a Información sobre la agilidad de la página El informe cuenta sugerencias concretas para su lugar.
Buscar la recomendación de sostener pequeños el número de peticiones y el tamaño de las transacciones.
Lleve a cabo click en la recomendación para conseguir un comprendio de la cantidad y el tamaño de los modelos de elementos precisos, incluyendo los ficheros JavaScript.
Como arreglarlo
Puedes solucionar este inconveniente de múltiples formas. Una alternativa sugerida por Google plus es conjuntar ficheros mucho más pequeños para tener un solo fichero mucho más grande para bajar.
Otra solución es aceptar HTTP2 en su ubicación, en tanto que puede progresar el desempeño sin agregar ficheros.
2. Evite buscas excesivas de DNS
Evite buscas de DNS excesivas para realizar referencia a ficheros JavaScript, puesto que esto puede ralentizar la primera visita de un usuario a su ubicación.
como se descubre
PageSpeed Insights puede enseñarle una lista de nombres de dominio usados en dirección de Internet en partes como disminuye el tiempo de ejecución de JavaScript.
La pestañita Red de las Herramientas para programadores de Google chrome es otra forma de ver todos y cada uno de los nombres de dominio a los que se se refiere.
Como arreglarlo
Para achicar la proporción de buscas de DNS, Google plus recomienda que considere alojar una imitación de los ficheros JavaScript de referencia externa en su ubicación.
3. Remover JavaScript ineficiente
Reduzca o suprima JavaScript ineficiente, en tanto que puede ralentizar las páginas y producir vivencias de usuario deficientes.
como se descubre
Busque las próximas ocasiones en su informe de Google plus PageSpeed Insights:
- Achicar el tiempo de ejecución de JavaScript– Scripts de reportes en los que se dedicó un sinnúmero de tiempo de únidad central de procesamiento a investigar o realizar código JavaScript.
- Remover los elementos que bloquean el renderizado: Esto incluye JavaScript que se puede realizar antes que se logre enseñar la página, lo que provoca que el usuario espere mucho más para poder ver cualquier contenido.
- archivo redactar– Si se emplea incorrectamente, puede crear problemas esenciales de desempeño en una página al denegar otras operaciones.
- No emplees oyentes pasivos: un oyente pasivo le afirma al navegador que el código JavaScript no va a llamar a una función que evite que se ejecute, lo que deja que el navegador se desplace por la página aun en el momento en que JavaScript aún se está corriendo.
Como arreglarlo
La supresión de JavaScript ineficiente es un tema mucho más extenso que va alén del alcance de Google plus Vídeo.
Las resoluciones en general comprometen redactar código JavaScript diferente. Las técnicas tienen dentro la creación de concretes de código que existe y la escritura de ediciones reducidas de elementos mucho más poderosos.
4. Remover JavaScript no empleado
JavaScript no usado asimismo es ineficaz, pero Google plus afirma que este inconveniente es suficientemente común para probarse a sí mismo.
La reutilización de código en los sitios puede ofrecer rincón a la incorporación de JavaScript insignificante.
El navegador aún no ha descargado y analizado JavaScript que jamás lleva por nombre, lo que es una pérdida de elementos.
como se descubre
Busque las próximas ocasiones en su informe de Google plus PageSpeed Insights:
- Reducir JavaScript no usado: Exhibe JavaScript que no se ejecutó al cargar una página.
- Evite las gigantes cargas útiles de la red– Detectar áreas de optimización usando descargas de bibliotecas enormes.
- Minimice el trabajo en el hilo primordial– Incluye el tiempo destinado a investigar, compilar y realizar JavaScript.
Como arreglarlo
Google plus sugiere una técnica llamada agitación de árboles, que se puede utilizar para detectar JavaScript que jamás lleva por nombre, del que es seguro liberarse.
5. Comprime los ficheros JavaScript
Asegúrese de que los ficheros JavaScript estén comprimidos en el momento en que se descarguen. Más allá de que el navegador de internet precisa mucho más tiempo de únidad central de procesamiento para descomprimir el contenido del fichero, Google plus asegura que la compresión es una ganancia general.
como se descubre
El informe de PageSpeed Insights tiene una sección que resalta los ficheros de JavaScript que podrían favorecerse de la compresión.
Cliqueando Activar la compresión de artículo le mostrará qué ficheros se aconseja comprimir.
Como arreglarlo
La mayor parte de los navegadores de internet o sistemas de administración de contenido tienen soporte incorporado para la compresión de descargas en el momento en que se configuran apropiadamente.
6. Configure los tiempos de caché apropiados para el código JavaScript
Compruebe que sus ficheros JavaScript se devuelvan con los encabezados apropiados para el tiempo de espera de caché.
Esto asiste para los navegadores a eludir sobrecargarlos para buscar ficheros JavaScript obsoletos, lo que optimización el desempeño.
como se descubre
En el red fila de Herramientas para programadores de Google chrome puede contrastar los encabezados de contestación HTTP para ficheros JavaScript descargados. Busque encabezados como Verificando el caché.
En PageSpeed Insights, busque la posibilidad llamada Ser útil elementos estáticos con una política de caché eficaz. Al clickear en él, aparecerá una lista de elementos, incluyendo los ficheros JavaScript, que podrían favorecerse de los encabezados de caché configurados apropiadamente.
Como arreglarlo
Una manera de progresar el almacenaje en caché de los ficheros JavaScript de empleo común es realizar referencia a los ficheros en una localización pública compartida.
Si un usuario visita sitios que reutilizan exactamente el mismo fichero JavaScript, el navegador puede utilizar la copia del fichero descargado previamente, lo que optimización el desempeño.
Para conseguir mucho más datos sobre alguno de las sugerencias precedentes para la optimización de JavaScript, consulte el vídeo terminado de Google plus ahora:
Imagen mostrada: Generación visual / Shutterstock
!function(f,b,y también,v,n,t,s) (window,document,'script', 'https://connect.fb.net/en_US/fbevents.js');
if( typeof sopp !== "undefined" && sopp === 'yes' )else
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', );
Fuente: searchenginejournal
Hashtags: #Los #consejos #optimización #JavaScript #Google plus
Comentarios recientes