{"id":7761,"date":"2019-06-04T14:17:45","date_gmt":"2019-06-04T12:17:45","guid":{"rendered":"https:\/\/ozonocomunicacion.com\/blog\/?p=7761"},"modified":"2019-06-04T14:17:45","modified_gmt":"2019-06-04T12:17:45","slug":"google-pagespeed-insights-nos-vuelve-locos-literalmente","status":"publish","type":"post","link":"https:\/\/ozonocomunicacion.com\/blog\/google-pagespeed-insights-nos-vuelve-locos-literalmente\/","title":{"rendered":"Google PageSpeed Insights nos vuelve locos, literalmente"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 ez-toc-wrap-right counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ozonocomunicacion.com\/blog\/google-pagespeed-insights-nos-vuelve-locos-literalmente\/#Google_PageSpeed_Insights_ha_cambiado_de_criterios\" >Google PageSpeed Insights ha cambiado de criterios.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ozonocomunicacion.com\/blog\/google-pagespeed-insights-nos-vuelve-locos-literalmente\/#De_la_auditoria_de_Google_PageSpeed_Insights_a_una_optimizacion_real\" >De la auditor\u00eda de Google PageSpeed Insights a una optimizaci\u00f3n real<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ozonocomunicacion.com\/blog\/google-pagespeed-insights-nos-vuelve-locos-literalmente\/#Recomendaciones_reales_de_optimizacion_y_mejora\" >Recomendaciones reales de optimizaci\u00f3n y mejora<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ozonocomunicacion.com\/blog\/google-pagespeed-insights-nos-vuelve-locos-literalmente\/#Google_PageSpeed_es_una_herramienta_de_desarrollo_no_de_analisis_en_produccion\" >Google PageSpeed es una herramienta de desarrollo, no de an\u00e1lisis en producci\u00f3n<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>Si conoces Google PageSpeed Insights o has trabajado con \u00e9sta herramienta recientemente, te habr\u00e1s dado cuenta de que en <strong>los \u00faltimos meses las puntuaciones han cambiado dr\u00e1sticamente<\/strong> en todos los sitios web. Tranquilo, Google no se ha vuelto loco y PageSpeed Insights no te odia. Se trata de la nueva versi\u00f3n (y criterios) de \u00e9sta herramienta anal\u00edtica.\u00a0<\/p>\n<p>Tanto si ya conoc\u00edas este test de rendimiento de Google como si no, al leer este art\u00edculo entender\u00e1s <strong>qu\u00e9 recomendaciones son realmente importantes y cuales puedes ignorar<\/strong> porque, sencillamente, no aportan ninguna mejora real al rendimiento del sitio web ni a la experiencia de los usuarios.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Google_PageSpeed_Insights_ha_cambiado_de_criterios\"><\/span>Google PageSpeed Insights ha cambiado de criterios.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Antes en Google PageSpeed las recomendaciones eran \u201cabsolutas\u201d, del tipo:<\/p>\n<ul>\n<li>Minificaci\u00f3n los archivos CSS, JS y HTML.<\/li>\n<li>Fusi\u00f3n de todos los archivos CSS\/JS para reducir las descargas.<\/li>\n<li>Configura una cach\u00e9 de +8 d\u00edas.<\/li>\n<li>Mover todo el JS al footer.<\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>Google te puntuaba en funci\u00f3n de si cumpl\u00edas o no \u00e9stas \u201c\u00f3rdenes\u201d. Era muy sencillo cumplir con los requisitos, s\u00f3lo ten\u00edas que hacer lo que las recomendaciones te dec\u00edan. Pod\u00edas cumplirlas en mayor o menor medida, pero <strong>era relativamente sencillo \u201cacertar\u201d<\/strong>. Adem\u00e1s, el objetivo del test, era que la velocidad de carga de un sitio web no afectase negativamente a la experiencia del usuario, centr\u00e1ndose generalmente en aspectos que el usuario podr\u00eda valorar: tama\u00f1o del sitio web, calidad o resoluci\u00f3n de las im\u00e1genes, uso o abuso de ciertas tipograf\u00edas o apis, etc.<\/p>\n<p>Ahora, Google considera que los desarrolladores pueden \u201cdecidir\u201d cu\u00e1les son los ajustes m\u00e1s \u00f3ptimos para cada web y las recomendaciones actuales son del tipo:<\/p>\n<ul>\n<li>Reducir el peso de los archivos<\/li>\n<li>Fusiona algunos archivos CSS\/JS, en varios archivos.<\/li>\n<li>Configura la cach\u00e9 de \u00abforma eficaz\u00bb.<\/li>\n<li>Dejar el css y el JS fundamental en el header.<\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>Y desde aqu\u00ed, <strong>la puntuaci\u00f3n que te da Google, es \u201cun c\u00e1lculo\u201d de lo que cree que tu p\u00e1gina deber\u00eda rendir y lo que realmente lo hace<\/strong>. Adem\u00e1s, se ha dado m\u00e1s importancia a la configuraci\u00f3n del servidor, siendo uno de los apartados m\u00e1s relevantes, adem\u00e1s de otros aspectos que el usuario est\u00e1ndar es incapaz de percibir (existencia de css sin utilizar, formato de im\u00e1genes de \u00faltima generaci\u00f3n, etc.).<\/p>\n<p>En resumen, <strong>han cambiado las puntuaciones de Google PageSpeed porque ha cambiado Google PageSpeed.<\/strong> Mantiene el mismo nombre, pero no es exactamente la misma herramienta. Esto implica que, por supuesto, han bajado las puntuaciones de Google Pagespeed, no porque el rendimiento u optimizaci\u00f3n haya cambiado, sino porque <strong>ahora se valoran aspectos que antes eran ignorados y, los que se siguen valorando, lo hacen con otros criterios.<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"De_la_auditoria_de_Google_PageSpeed_Insights_a_una_optimizacion_real\"><\/span>De la auditor\u00eda de Google PageSpeed Insights a una optimizaci\u00f3n real<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>S\u00ed, un sitio web puede estar perfectamente optimizado y obtener una puntuaci\u00f3n negativa en Google PageSpeed Insights. Teniendo en cuenta las recomendaciones y sugerencias que nos ofrece PSI, adem\u00e1s de otros criterios de usabilidad y experiencia de usuario, se puede elaborar una lista de recomendaciones reales para optimizar un sitio web.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Recomendaciones_reales_de_optimizacion_y_mejora\"><\/span>Recomendaciones reales de optimizaci\u00f3n y mejora<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>Mejorar el tiempo de carga del servidor<\/strong>. Es imperativo un VPS con IP dedicada para el sitio web si deseamos obtener una puntuaci\u00f3n decente en este aspecto.<\/li>\n<li>Depuraci\u00f3n y minificaci\u00f3n de archivos CSS y JS. <strong>Eliminando todas aquellas partes de c\u00f3digo que no sean utilizadas.<\/strong><\/li>\n<li><strong>Retraso de la carga de recursos<\/strong> hasta su uso o visualizaci\u00f3n en pantalla.<\/li>\n<li>Publicaci\u00f3n de <strong>im\u00e1genes del tama\u00f1o exacto<\/strong> en el que aparecer\u00e1n en el sitio web, preferiblemente en formatos de \u00faltima generaci\u00f3n.<\/li>\n<li>Reducci\u00f3n o <strong>unificaci\u00f3n de las llamadas a la base de datos<\/strong>.<\/li>\n<li><strong>Configurar<\/strong> <strong>la carga diferida<\/strong> o as\u00edncrona de diferentes recursos desde un CDN o dominios paralelos.<\/li>\n<li>Configuraci\u00f3n de <strong>cach\u00e9 realista y funcional<\/strong>, seg\u00fan las necesidades del sitio web.<\/li>\n<li>Utilizar<strong> compresi\u00f3n Gzip o equivalente<\/strong>, seg\u00fan el tipo de servidor.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Google_PageSpeed_es_una_herramienta_de_desarrollo_no_de_analisis_en_produccion\"><\/span>Google PageSpeed es una herramienta de desarrollo, no de an\u00e1lisis en producci\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/about?hl=es-ES&amp;utm_source=PSI&amp;utm_medium=incoming-link&amp;utm_campaign=PSI\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Google PSI<\/a> se autodefine como <strong>un test que proporciona datos del rendimiento de un <a href=\"https:\/\/ozonocomunicacion.com\/desarrollo-web-madrid\/\">sitio web<\/a><\/strong> para ofrecer a los desarrolles una herramienta de mejora del mismo. No se trata de una serie de requisitos indispensables para posicionar en buscadores. S\u00f3lo ofrece oportunidades de mejora, pero ninguno de ellos son requisitos fundamentales de un sitio web.<\/p>\n<p>Las <strong>sugerencias de Google PageSpeed Insights hay que aplicarlas con moderaci\u00f3n y criterio<\/strong>, porque siempre es el usuario final el que va a sufrir las consecuencias. Y, en muchos casos, entender Google PSI como \u201cla verdad absoluta\u201d y tomar todas sus recomendaciones al pie de la letra puede ser nefasto para un sitio web. Por ejemplo, para reducir el tiempo de carga, se puede eliminar por completo todos los recursos JS de un sitio web. Ahora bien, una p\u00e1gina web completamente est\u00e1tica da aspecto de \u201cantigua\u201d y posiblemente los usuarios que la visiten la abandonen por considerar que lleva mucho tiempo sin actualizarse.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si conoces Google PageSpeed Insights o has trabajado con \u00e9sta herramienta recientemente, te habr\u00e1s dado cuenta de que en los \u00faltimos meses las puntuaciones han cambiado dr\u00e1sticamente en todos los sitios web. Tranquilo, Google no se ha vuelto loco y PageSpeed Insights no te odia. Se trata de la nueva versi\u00f3n (y criterios) de \u00e9sta herramienta anal\u00edtica.\u00a0<\/p>\n","protected":false},"author":4,"featured_media":7768,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124],"tags":[],"class_list":["post-7761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/7761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/comments?post=7761"}],"version-history":[{"count":8,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/7761\/revisions"}],"predecessor-version":[{"id":7771,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/7761\/revisions\/7771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/media\/7768"}],"wp:attachment":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/media?parent=7761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/categories?post=7761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/tags?post=7761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}