{"id":7922,"date":"2017-01-13T02:40:35","date_gmt":"2017-01-13T10:40:35","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=7922"},"modified":"2025-04-30T14:45:16","modified_gmt":"2025-04-30T12:45:16","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100"},"content":{"rendered":"<p><a href=\"https:\/\/pagespeed.web.dev\/\">Google PageSpeed Insights<\/a> es sin duda una herramienta \u00fatil para webmasters, desarrolladores y propietarios de sitios web de todo tipo. Sin embargo, hemos notado que mucha gente pasa horas obsesionada con la optimizaci\u00f3n de sus sitios, para tratar de obtener una puntuaci\u00f3n de 100\/100 en esta prueba.<\/p>\n<p>La verdad es que no es as\u00ed como se pretende utilizar Google PageSpeed Insights, ni tampoco es una b\u00fasqueda que valga la pena. Cuando se centra en la implementaci\u00f3n de las recomendaciones de la plataforma en lugar de centrarse en el n\u00famero de la parte superior de la p\u00e1gina, crear\u00e1 muchos m\u00e1s beneficios para su sitio.<\/p>\n<p>Esta publicaci\u00f3n es una gu\u00eda completa para utilizar Google PageSpeed Insights de la mejor manera posible. Explicaremos c\u00f3mo utiliza Google tu puntuaci\u00f3n, as\u00ed como la forma de incorporar las recomendaciones que recibes.<\/p>\n<p>Vamos a empezar!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>\u00bfQu\u00e9 es PageSpeed Insights de Google?<\/h2>\n<p><a href=\"https:\/\/pagespeed.web.dev\/\">Google PageSpeed Insights<\/a> es una herramienta que sirve para comprobar el rendimiento de tu sitio web. Puedes introducir cualquier URL y analizarla.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/perspectivas-pagespeed-google-1.png\" alt=\"Perspectivas de PageSpeed de Google\" width=\"1500\" height=\"718\"><figcaption class=\"wp-caption-text\">Perspectivas de PageSpeed de Google<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, Google proporciona una puntuaci\u00f3n global de 100 para el sitio web que has probado, basada en varias de las mejores pr\u00e1cticas de optimizaci\u00f3n del rendimiento.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/punctuation-google-pagespeed.png\" alt=\"Puntuaci\u00f3n de Google PageSpeed Insights\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Puntuaci\u00f3n de Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Junto con este resultado, tambi\u00e9n ver\u00e1s varias recomendaciones de Google sobre c\u00f3mo mejorar tu rendimiento (y, por lo tanto, tambi\u00e9n tu puntuaci\u00f3n de PageSpeed Insights).<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/recommendaciones-google-pagespeed-1.png\" alt=\"Recomendaciones de Google PageSpeed Insights\" width=\"1500\" height=\"1197\"><figcaption class=\"wp-caption-text\">Recomendaciones de Google PageSpeed Insights<\/figcaption><\/figure>\n<p>A partir de 2018, las puntuaciones de PageSpeed Insights se calculan a trav\u00e9s de <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\/\">Lighthouse<\/a>, la herramienta automatizada de c\u00f3digo abierto de Google para mejorar la calidad general de las p\u00e1ginas web. Esta plataforma puede evaluar todo tipo de factores, incluyendo el rendimiento, la accesibilidad, las <a href=\"https:\/\/kinsta.com\/es\/blog\/aplicaciones-web-progresivas\/\">aplicaciones web progresivas<\/a> y m\u00e1s.<\/p>\n<p>Para ver la evaluaci\u00f3n completa de Lighthouse de su sitio, puede utilizar la\u00a0<a href=\"https:\/\/web.dev\/measure\/\">herramienta de medici\u00f3n de Google<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/herramienta-auditoria-google.png\" alt=\"Herramienta de auditor\u00eda Google Webmasters Measure\" width=\"1500\" height=\"898\"><figcaption class=\"wp-caption-text\">Herramienta de auditor\u00eda Google Webmasters Measure<\/figcaption><\/figure>\n<p>Adem\u00e1s de llevar a cabo una auditor\u00eda de rendimiento muy similar a la que realiza Google PageSpeed Insights, obtendr\u00e1 puntuaciones en accesibilidad, mejores pr\u00e1cticas y optimizaci\u00f3n <a href=\"https:\/\/kinsta.com\/es\/blog\/que-quiere-decir-seo\/\">de motores de b\u00fasqueda (SEO)<\/a>.<\/p>\n<h2>La verdad sobre la puntuaci\u00f3n 100\/100 en Google PageSpeed Insights<\/h2>\n<p>Como mencionamos al principio de este post, vemos a muchos propietarios y desarrolladores de sitios web que se obsesionan por conseguir una puntuaci\u00f3n perfecta en PageSpeed Insights. Desafortunadamente, esas personas tienden a pasar por alto el aspecto m\u00e1s importante de los resultados de la prueba: las recomendaciones.<\/p>\n<p>Si bien es cierto que deber\u00edas esforzarte por mejorar los tiempos de carga de tu sitio web tanto como sea posible, <strong>conseguir un 100\/100 en Google PageSpeed Insights no es realmente tan importante<\/strong>. Para empezar, no es ni siquiera la prueba de rendimiento del be-allend-allend-all.<\/p>\n<p>A diferencia de PageSpeed Insights, <a href=\"https:\/\/kinsta.com\/es\/blog\/prueba-de-velocidad-pingdom\/\">Pingdom Tools<\/a> le permite probar el rendimiento de su sitio desde varios lugares:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/resultados-pingdom-tools.png\" alt=\"Resultados de la prueba de velocidad de Pingdom Tools\" width=\"1500\" height=\"913\"><figcaption class=\"wp-caption-text\">Resultados de la prueba de velocidad de Pingdom Tools<\/figcaption><\/figure>\n<p>Tambi\u00e9n puede realizar pruebas en plataformas como\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/gtmetrix-herramienta-de-test-de-velocidad\/\">GTmetrix<\/a> (que combina sus puntuaciones de PageSpeed Insights y <a href=\"http:\/\/yslow.org\/\">YSlow<\/a>) y <a href=\"https:\/\/www.webpagetest.org\/\">WebPageTest<\/a>. Lo m\u00e1s probable es que sus puntuaciones en estas diferentes herramientas no coincidan exactamente, lo que le muestra lo arbitrarios que pueden ser estos n\u00fameros.<\/p>\n<p><strong>Lo que realmente importa es la velocidad real de su sitio web<\/strong>. Para ponerlo en perspectiva, hemos visto sitios con tiempos medios de carga inferiores a 500 milisegundos (\u00a1lo cual es extremadamente r\u00e1pido!) que no tienen una puntuaci\u00f3n de 100\/100 en PageSpeed Insights.<\/p>\n<p>El otro factor que deber\u00eda influir en su enfoque de la optimizaci\u00f3n de la velocidad es el\u00a0<a href=\"https:\/\/blog.teamtreehouse.com\/perceived-performance\">rendimiento percibido<\/a> de su sitio. A tus visitantes no les importa cu\u00e1l es tu puntuaci\u00f3n de Google PageSpeed Insights. S\u00f3lo quieren poder ver su contenido lo m\u00e1s r\u00e1pido posible.<\/p>\n<p>El verdadero prop\u00f3sito de probar el rendimiento de su sitio con Google PageSpeed Insights no es conseguir una puntuaci\u00f3n alta. En lugar de ello, se trata de encontrar puntos problem\u00e1ticos en su sitio, para que pueda optimizarlos y disminuir tanto sus tiempos de carga reales como los percibidos.<\/p>\n<h2>C\u00f3mo utiliza Google PageSpeed Insights<\/h2>\n<p>Adem\u00e1s de influir en la experiencia de usuario (UX) de su sitio,\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/consejos-optimizacion-tasa-conversion\/#page-load-speed\">el rendimiento tambi\u00e9n juega un papel en el SEO<\/a>. Dado que PageSpeed Insights est\u00e1 gestionado por el motor de b\u00fasqueda m\u00e1s grande y popular del mundo, es l\u00f3gico que su puntuaci\u00f3n pueda tener alg\u00fan efecto en sus clasificaciones de la P\u00e1gina de Resultados de los Motores de B\u00fasqueda (SERP) (al menos en el propio Google).<\/p>\n<p>La realidad es que Google utiliza PageSpeed Insights para determinar las clasificaciones, m\u00e1s o menos. La velocidad del sitio es un factor de clasificaci\u00f3n, simple y llanamente. El resultado de su prueba de rendimiento puede darle una idea bastante buena de su posici\u00f3n en ese frente.<\/p>\n<p>Sin embargo, Google tiene en cuenta algo m\u00e1s que el n\u00famero del c\u00edrculo que aparece en la parte superior de los resultados de PageSpeed. Golpear un 100\/100 no te garantizar\u00e1 un lugar en las SERPs.<\/p>\n<p><span data-sheets-value=\"{\"1\":2,\"2\":\"[inarticle-cta]\"}\" data-sheets-userformat=\"{\"2\":6659,\"3\":{\"1\":0},\"4\":{\"1\":2,\"2\":16777215},\"12\":0,\"14\":{\"1\":2,\"2\":0},\"15\":\"Roboto, RobotoDraft, Helvetica, Arial, sans-serif\"}\"><\/span><\/p>\n<p>Con eso dicho, usted todav\u00eda puede poner sus resultados de PageSpeed Insights a trabajar cuando mejorando su SEO. Por ejemplo, desde 2018, <a href=\"https:\/\/webmasters.googleblog.com\/2018\/01\/using-page-speed-in-mobile-search.html\">la velocidad de la p\u00e1gina m\u00f3vil ha sido un factor de ranking<\/a> para Google. Notar\u00e1 que su prueba de rendimiento proporciona datos tanto para la versi\u00f3n de escritorio como para la m\u00f3vil de su sitio:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/pestana-movil-google-pagespeed.png\" alt=\"Pesta\u00f1a de m\u00f3vil en Google PageSpeed Insights\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Pesta\u00f1a de m\u00f3vil en Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Dado que m\u00e1s del\u00a0<a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\">73% de los usuarios de Internet m\u00f3vil <\/a>afirman que se han encontrado con un sitio que tarda demasiado en cargarse, la informaci\u00f3n de la pesta\u00f1a Google PageSpeed Insights <strong>Mobile<\/strong> tiene un valor incalculable. El uso de estas recomendaciones para\u00a0<a href=\"https:\/\/kinsta.com\/es\/aprender\/acelerar-wordpress\/\">reducir los tiempos de carga de<\/a> los tel\u00e9fonos inteligentes y otros dispositivos deber\u00eda darle una ventaja competitiva.<\/p>\n<h2>Recomendaciones de Google PageSpeed Insights (24 formas de mejorar el rendimiento)<\/h2>\n<p>Hemos hablado mucho de las recomendaciones de Google PageSpeed Insights en esta publicaci\u00f3n. Son la verdadera carne de sus resultados de las pruebas de rendimiento, y mucho m\u00e1s valiosos que su puntuaci\u00f3n real. Por eso les hemos dedicado el resto de este puesto.<\/p>\n<p>Sin embargo, antes de que nos sumerjamos en las sugerencias individuales, tendr\u00e1 que entender la diferencia entre sus <strong>datos de campo<\/strong> y los <strong>datos de laboratorio<\/strong>. El primero compara tu sitio con otros en el Informe de Experiencia de Usuario de Chrome de los \u00faltimos 30 d\u00edas.<\/p>\n<p>Tambi\u00e9n hay dos gr\u00e1ficos que muestran d\u00f3nde cae el promedio de su\u00a0pintura de\u00a0<a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/first-contentful-paint\/\">primer contenido (FCP)<\/a> y el <a href=\"https:\/\/web.dev\/fid\/\">primer retardo de entrada (FID)<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/datos-campo-google-pagespeed.png\" alt=\"Datos de campo de Google PageSpeed Insights\" width=\"1500\" height=\"565\"><figcaption class=\"wp-caption-text\">Datos de campo de Google PageSpeed Insights<\/figcaption><\/figure>\n<p>En la imagen anterior, el FCP de nuestro sitio es aproximadamente igual al 45% de los sitios en el percentil 75, y nuestro FID es aproximadamente igual al 9% del percentil 95.<\/p>\n<p><strong>Datos de laboratorio<\/strong> muestra datos espec\u00edficos para una carga de p\u00e1gina simulada:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/datos-laboratorio-google-pagespeed.png\" alt=\"Datos de laboratorio de Google PageSpeed Insights\" width=\"1500\" height=\"465\"><figcaption class=\"wp-caption-text\">Datos de laboratorio de Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Notar\u00e1 que nuestros <strong>datos de campo<\/strong> y de <strong>laboratorio\u00a0<\/strong><a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/about#faq\">no match exactly<\/a>. Eso es perfectamente normal. Los <strong>datos de laboratorio<\/strong> se crean bajo condiciones fijas, mientras que los <strong>datos de campo<\/strong> utilizan velocidades de carga reales recogidas a lo largo del tiempo.<\/p>\n<p>Cuando se miran en combinaci\u00f3n, los <strong>datos de campo<\/strong> y <strong>los datos de laboratorio<\/strong> deber\u00edan darle una idea de los tiempos de carga reales de su sitio. Como mencionamos anteriormente, esto es a\u00fan m\u00e1s importante que su puntuaci\u00f3n global de PageSpeed, por lo que deber\u00e1 prestar atenci\u00f3n a estos n\u00fameros.<\/p>\n<p>Una vez que haya considerado esta informaci\u00f3n, es el momento de empezar a mejorar el rendimiento de su sitio con las recomendaciones de Google PageSpeed.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"24\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Eliminar los recursos de bloqueo de la prestaci\u00f3n<\/h3>\n<p>Una de las recomendaciones m\u00e1s comunes de Google PageSpeed Insights es la de <a href=\"https:\/\/kinsta.com\/es\/blog\/eliminar-bloqueadores-de-visualizacion\/\">eliminar los recursos de bloqueo del renderizado<\/a>:<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/eliminar-recomendacion.png\" alt=\"Eliminar la recomendaci\u00f3n de recursos que bloquean la prestaci\u00f3n de servicios\" width=\"1476\" height=\"468\"><figcaption class=\"wp-caption-text\">Eliminar la recomendaci\u00f3n de recursos que bloquean la prestaci\u00f3n de servicios<\/figcaption><\/figure>\n<p>Esto se refiere a los scripts de JavaScript y CSS que impiden que su p\u00e1gina se cargue r\u00e1pidamente. El navegador del visitante tiene que descargar y procesar estos archivos antes de poder mostrar el resto de la p\u00e1gina, por lo que tener muchos de ellos &#8216;encima del pliegue&#8217; puede impactar negativamente en la velocidad de su sitio.<\/p>\n<p>Puede obtener m\u00e1s informaci\u00f3n sobre este tema en nuestra gu\u00eda para la eliminaci\u00f3n\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/eliminar-bloqueadores-de-visualizacion\/\">de los scripts de bloqueo del renderizado<\/a>. En lo que respecta a Google, hay dos soluciones que deber\u00edas considerar:<\/p>\n<ul>\n<li>Si no tienes mucho JavaScript o <a href=\"https:\/\/kinsta.com\/es\/blog\/css-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS<\/a>, puedes alinearlos para deshacerte de esta advertencia. Este proceso se refiere a la incorporaci\u00f3n de su JavaScript y\/o CSS en su archivo HTML. Puedes hacerlo con un plugin como\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/configurar-autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a>. Sin embargo, esto s\u00f3lo es v\u00e1lido para sitios muy peque\u00f1os. La mayor\u00eda de los sitios de <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-wordpress\/\">WordPress<\/a> tienen suficiente Javascript que este m\u00e9todo podr\u00eda en realidad ralentizarle.<\/li>\n<li>La otra opci\u00f3n es <a href=\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/\">diferir su JavaScript<\/a>. Este atributo descarga su archivo JavaScript durante el an\u00e1lisis sint\u00e1ctico de HTML, pero s\u00f3lo lo ejecuta despu\u00e9s de que el an\u00e1lisis sint\u00e1ctico se haya completado. Adem\u00e1s, los scripts con este atributo se ejecutan en orden de aparici\u00f3n en la p\u00e1gina.<\/li>\n<\/ul>\n<p>Encontrar\u00e1 una lista de los recursos m\u00e1s afectados por este tema debajo de la recomendaci\u00f3n en los resultados de PageSpeed.<\/p>\n<p><strong>Mira <a href=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\">este v\u00eddeo<\/a> para saber m\u00e1s sobre c\u00f3mo eliminar los recursos que bloquean la renderizaci\u00f3n:<\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\"><\/kinsta-video>\n<h3>2. Evitar encadenar las solicitudes cr\u00edticas<\/h3>\n<p>El concepto de <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/critical-request-chains\/\">encadenar peticiones cr\u00edticas<\/a> tiene que ver con el Camino de Rendimiento Cr\u00edtico (CRP) y con la forma en que los navegadores cargan sus p\u00e1ginas. Ciertos elementos &#8211; como el JavaScript y el CSS que hemos discutido anteriormente &#8211; deben ser cargados completamente antes de que su p\u00e1gina se haga visible.<\/p>\n<p>Como parte de esta sugerencia, Google PageSpeed Insights le mostrar\u00e1 las cadenas de solicitudes en la p\u00e1gina que est\u00e1 analizando:<\/p>\n<figure style=\"width: 1496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/evitar-encadenar-recomendaciones.png\" alt=\"Evitar encadenar las recomendaciones de las solicitudes cr\u00edticas\" width=\"1496\" height=\"1302\"><figcaption class=\"wp-caption-text\">Evitar encadenar las recomendaciones de las solicitudes cr\u00edticas<\/figcaption><\/figure>\n<p>Este diagrama le mostrar\u00e1 la serie de peticiones dependientes que deben ser cumplidas antes de que su p\u00e1gina sea visible. Tambi\u00e9n le dir\u00e1 el tama\u00f1o de cada recurso. Lo ideal es que desee reducir al m\u00ednimo el n\u00famero de solicitudes dependientes, as\u00ed como su tama\u00f1o.<\/p>\n<p>Varios m\u00e9todos para lograr estos objetivos est\u00e1n cubiertos por otras recomendaciones discutidas en este post, incluyendo:<\/p>\n<ul>\n<li>Eliminaci\u00f3n de los recursos que bloquean el renderizado<\/li>\n<li>Aplazamiento de las im\u00e1genes fuera de pantalla<\/li>\n<li>Minimizando CSS y <a href=\"https:\/\/kinsta.com\/es\/blog\/minificar-javascript\/\">JavaScript<\/a><\/li>\n<\/ul>\n<p>Adem\u00e1s, puede optimizar el orden en el que se cargan los activos fijos para reducir la CRP. Esto significa mover el contenido de la parte superior de la p\u00e1gina a la parte superior de su archivo HTML. Puede obtener m\u00e1s informaci\u00f3n sobre la optimizaci\u00f3n del CRP en nuestro post \u00ab<a href=\"https:\/\/kinsta.com\/es\/blog\/ruta-de-visualizacion-critica\/\"><i>C\u00f3mo to Optimize the Critical Rendering Path in WordPress<\/i><\/a>\u00ab.<\/p>\n<p>Es importante se\u00f1alar que no hay un n\u00famero m\u00e1gico de cadenas de solicitud cr\u00edticas en el que usted tenga que trabajar. Google PageSpeed Insights no cuenta esta auditor\u00eda como \u00abaprobada\u00bb o \u00abfallida\u00bb, a diferencia de muchas de sus otras recomendaciones. Esta informaci\u00f3n se pone a su disposici\u00f3n para ayudarle a mejorar los tiempos de carga.<\/p>\n<h3>3. Mantenga los recuentos de solicitudes bajos y transfiera los tama\u00f1os peque\u00f1os<\/h3>\n<p>Cuantas m\u00e1s peticiones tengan que hacer los navegadores para cargar sus p\u00e1ginas, y cuantos m\u00e1s recursos devuelva su servidor en respuesta, m\u00e1s tiempo tardar\u00e1 su sitio web en cargarse. Por lo tanto, es l\u00f3gico que Google te recomiende que minimices el n\u00famero de solicitudes necesarias y que reduzcas el tama\u00f1o de tus recursos.<\/p>\n<p>Al igual que la recomendaci\u00f3n <strong>Evitar encadenar solicitudes cr\u00edticas<\/strong>, \u00e9sta no resulta en un \u00abaprobado\u00bb o \u00abreprobado\u00bb. En su lugar, simplemente ver\u00e1 una lista del n\u00famero de solicitudes realizadas y sus tama\u00f1os:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/mantega-bajos-recuentos-solicitudes.png\" alt=\"Mantenga bajos los recuentos de solicitudes y la recomendaci\u00f3n de tama\u00f1os de transferencia peque\u00f1os\" width=\"1500\" height=\"997\"><figcaption class=\"wp-caption-text\">Mantenga bajos los recuentos de solicitudes y la recomendaci\u00f3n de tama\u00f1os de transferencia peque\u00f1os<\/figcaption><\/figure>\n<p>No hay un n\u00famero ideal de solicitudes o tama\u00f1os m\u00e1ximos a tener en cuenta. En su lugar, Google recomienda que establezcas esos est\u00e1ndares por ti mismo creando un presupuesto de rendimiento. Se trata de un conjunto de objetivos definidos que pueden estar relacionados con aspectos como:<\/p>\n<ul>\n<li>Tama\u00f1o m\u00e1ximo de la imagen<\/li>\n<li>El n\u00famero de fuentes web utilizadas<\/li>\n<li>Cu\u00e1ntos recursos externos llama a<\/li>\n<li>El tama\u00f1o de los scripts y marcos<\/li>\n<\/ul>\n<p>La creaci\u00f3n de un presupuesto de desempe\u00f1o le da un conjunto de est\u00e1ndares a los que debe rendir cuentas. Cuando usted se excede en su presupuesto, puede entonces tomar decisiones sobre si eliminar u optimizar los recursos para atenerse a sus pautas predeterminadas. Puedes <a href=\"https:\/\/web.dev\/your-first-performance-budget\/\">obtener m\u00e1s informaci\u00f3n sobre la creaci\u00f3n de uno<\/a> en la propia gu\u00eda de Google.<\/p>\n<h3>4. Minimizar CSS<\/h3>\n<p>Los archivos CSS suelen ser m\u00e1s grandes de lo necesario para facilitar su lectura a los humanos. Pueden incluir varios retornos de carro y espacios que no son necesarios para que los equipos comprendan su contenido.<\/p>\n<p>Minimizar tu CSS es el proceso de condensar tus archivos eliminando caracteres, espacios y duplicaciones innecesarias. Google recomienda esta pr\u00e1ctica porque reduce el tama\u00f1o de los archivos CSS y, por lo tanto, puede mejorar la velocidad de carga:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/minimizar-recomendacion-css.png\" alt=\"Minimizar la recomendaci\u00f3n de CSS\" width=\"1456\" height=\"382\"><figcaption class=\"wp-caption-text\">Minimizar la recomendaci\u00f3n de CSS<\/figcaption><\/figure>\n<p>Para minificar tus archivos CSS, te recomendamos que utilices un plugin como <a href=\"https:\/\/kinsta.com\/es\/blog\/configurar-autoptimize\/#css-options\">Autoptimize<\/a> o <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a>.<\/p>\n<h3>5. Minimizar JavaScript<\/h3>\n<p>Al igual que puedes reducir el tama\u00f1o de los archivos CSS mediante la minificaci\u00f3n, lo mismo se aplica a tus archivos JavaScript:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/minimizar-recomendacion-javascript.png\" alt=\"Minimizar la recomendaci\u00f3n de JavaScript\" width=\"1456\" height=\"380\"><figcaption class=\"wp-caption-text\">Minimizar la recomendaci\u00f3n de JavaScript<\/figcaption><\/figure>\n<p>Autoptimize o WP Rocket tambi\u00e9n pueden manejar esta tarea para su sitio de WordPress.<\/p>\n<h3>6. Eliminar el CSS no utilizado<\/h3>\n<p>Cualquier c\u00f3digo en su hoja de estilo es contenido que tiene que ser cargado para que su p\u00e1gina sea visible para los usuarios. Si hay un CSS en tu sitio que no es realmente \u00fatil, est\u00e1 poniendo una carga innecesaria en tu rendimiento.<\/p>\n<p>Por eso Google recomienda\u00a0<a href=\"https:\/\/web.dev\/unused-css-rules\/\">eliminar cualquier CSS que no se utilice<\/a>:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/eliminar-recomendacion-css-utilizada.png\" alt=\"Eliminar la recomendaci\u00f3n de CSS no utilizada\" width=\"1452\" height=\"552\"><figcaption class=\"wp-caption-text\">Eliminar la recomendaci\u00f3n de CSS no utilizada<\/figcaption><\/figure>\n<p>La soluci\u00f3n aqu\u00ed es esencialmente la misma que la de eliminar el bloqueo de renderizado de CSS. Puedes poner en l\u00ednea o diferir los estilos de la forma que m\u00e1s te convenga para tus p\u00e1ginas. Tambi\u00e9n puedes usar una herramienta como\u00a0<a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\">Chrome DevTools<\/a> para\u00a0<a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/coverage\/\">encontrar CSS no utilizados<\/a> que necesiten ser optimizados.<\/p>\n<h3>7. Minimizar el trabajo del hilo principal<\/h3>\n<p>El &#8216;hilo principal&#8217; es el elemento principal del navegador del usuario que se encarga de convertir el c\u00f3digo en una p\u00e1gina web con la que los visitantes pueden interactuar. Analiza y ejecuta HTML, CSS y JavaScript. Adem\u00e1s, se encarga de manejar las interacciones de los usuarios.<\/p>\n<p>Esto significa que, cuando el hilo principal est\u00e1 trabajando a trav\u00e9s del c\u00f3digo de su sitio, no puede tambi\u00e9n manejar las peticiones de los usuarios. Si el trabajo de los hilos principales de su sitio tarda demasiado tiempo, esto puede resultar en un UX pobre y en tiempos de carga de p\u00e1gina lentos.<\/p>\n<p>Google PageSpeed marcar\u00e1 las p\u00e1ginas que tardan m\u00e1s de cuatro segundos en completar el trabajo del hilo principal y presentar\u00e1 una p\u00e1gina web utilizable:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/minimizar-recomendacion-trabajo.png\" alt=\"Minimizar la recomendaci\u00f3n de trabajo del hilo principal\" width=\"1452\" height=\"254\"><figcaption class=\"wp-caption-text\">Minimizar la recomendaci\u00f3n de trabajo del hilo principal<\/figcaption><\/figure>\n<p>Algunos de los m\u00e9todos utilizados para reducir el trabajo con los hilos conductores ya se han tratado en otras secciones de este puesto, entre ellos:<\/p>\n<ul>\n<li>Minimizar su c\u00f3digo<\/li>\n<li>Eliminaci\u00f3n del c\u00f3digo no utilizado<\/li>\n<li>Implementaci\u00f3n del caching<\/li>\n<\/ul>\n<p>Sin embargo, tambi\u00e9n puede considerar la divisi\u00f3n de c\u00f3digo. Este proceso implica dividir el JavaScript en paquetes que se ejecutan cuando se necesitan, en lugar de requerir que los navegadores los carguen todos antes de que la p\u00e1gina se vuelva interactiva.<\/p>\n<p><a href=\"https:\/\/webpack.js.org\/guides\/code-splitting\/\">Webpack<\/a> se utiliza a menudo para implementar la divisi\u00f3n de c\u00f3digo. Ten en cuenta que se trata de una t\u00e9cnica bastante avanzada y que, por lo general, los principiantes no deber\u00edan realizarla solos.<\/p>\n<h3>8. Reducir el tiempo de ejecuci\u00f3n de JavaScript<\/h3>\n<p>La ejecuci\u00f3n de JavaScript es a menudo el contribuidor m\u00e1s prominente al trabajo de los hilos principales. PageSpeed Insights tiene una recomendaci\u00f3n aparte para avisarle si esta tarea est\u00e1 teniendo un impacto significativo en el rendimiento de su sitio:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/reducir-recomendacion-tiempo-ejecucion.png\" alt=\"Reducir la recomendaci\u00f3n de tiempo de ejecuci\u00f3n de JavaScript\" width=\"1452\" height=\"254\"><figcaption class=\"wp-caption-text\">Reducir la recomendaci\u00f3n de tiempo de ejecuci\u00f3n de JavaScript<\/figcaption><\/figure>\n<p>Los m\u00e9todos sugeridos anteriormente para reducir el trabajo del hilo principal tambi\u00e9n deber\u00edan resolver esta advertencia en los resultados de PageSpeed.<\/p>\n<h3>9. Reducir los tiempos de respuesta del servidor (TTFB)<\/h3>\n<p>El Tiempo al Primer Byte (TTFB) es una medida del tiempo que tarda un navegador en recibir el primer byte de datos del servidor de su sitio web despu\u00e9s de hacer una solicitud. Aunque esto no es lo mismo que la velocidad general de su sitio, tener un TTFB bajo es comprensiblemente bueno para el rendimiento de su sitio.<\/p>\n<p>Por lo tanto, la reducci\u00f3n de los tiempos de respuesta del servidor es una de las recomendaciones de Google PageSpeed Insights. Si puede lograr un TTFB bajo, ver\u00e1 este mensaje en <strong>Auditor\u00edas Aprobadas<\/strong>:<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/tiempo-respuesta-servidor-mensaje.png\" alt=\"El tiempo de respuesta del servidor es un mensaje bajo\" width=\"1464\" height=\"382\"><figcaption class=\"wp-caption-text\">El tiempo de respuesta del servidor es un mensaje bajo<\/figcaption><\/figure>\n<p>Hay varios factores que pueden influir en su TTFB. Algunas estrategias para reducirlo incluyen:<\/p>\n<ul>\n<li>Elegir un <a href=\"https:\/\/kinsta.com\/es\/precios\/\">proveedor de alojamiento web de alta calidad<\/a> que se <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">centre en la velocidad<\/a><\/li>\n<li>Uso de temas y plugins ligeros<\/li>\n<li>Reducir el n\u00famero de plugins instalados en su sitio web<\/li>\n<li>Utilizaci\u00f3n de una red de entrega de contenido (CDN)<\/li>\n<li>Implementaci\u00f3n del cacheo del navegador<\/li>\n<li>Selecci\u00f3n de un proveedor de Sistema de Nombres de Dominio (DNS) s\u00f3lido<\/li>\n<\/ul>\n<p>Nuestro\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/ttfb\/\">post en TTFB<\/a> es un excelente recurso para obtener m\u00e1s detalles sobre la optimizaci\u00f3n en esta \u00e1rea.<\/p>\n<h3>10. Tama\u00f1o adecuado de las im\u00e1genes<\/h3>\n<p>Los archivos multimedia como las im\u00e1genes pueden ser un verdadero obst\u00e1culo para el rendimiento de su sitio. Dimensionarlas correctamente es una forma sencilla de reducir los tiempos de carga:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/recomendacion-imagenes-tamano-adecuado.png\" alt=\"Recomendaci\u00f3n de im\u00e1genes de tama\u00f1o adecuado\" width=\"1458\" height=\"512\"><figcaption class=\"wp-caption-text\">Recomendaci\u00f3n de im\u00e1genes de tama\u00f1o adecuado<\/figcaption><\/figure>\n<p>Si tu p\u00e1gina incluye im\u00e1genes que son m\u00e1s grandes de lo necesario, se utiliza CSS para redimensionarlas adecuadamente. Esto lleva m\u00e1s tiempo que la simple carga de las im\u00e1genes en el tama\u00f1o correcto inicialmente, por lo que afecta al rendimiento de su p\u00e1gina.<\/p>\n<p>Para solucionarlo, puedes subir im\u00e1genes del tama\u00f1o adecuado o utilizar \u00abim\u00e1genes de respuesta\u00bb. Esto implica la creaci\u00f3n de im\u00e1genes de diferente tama\u00f1o para varios dispositivos.<\/p>\n<p>Puede hacerlo utilizando <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Multimedia_and_embedding\/Responsive_images\">el atributo <strong>srcset<\/strong><\/a>, que se a\u00f1ade a las etiquetas <img><strong>&lt;img&gt;\u00a0<\/strong>para especificar archivos de imagen alternativos de diferentes tama\u00f1os. Los navegadores pueden leer esta lista, determinar qu\u00e9 opci\u00f3n es la mejor para la pantalla actual y ofrecer esa versi\u00f3n de su imagen.<\/p>\n<p>Por ejemplo, digamos que tiene una imagen de encabezado y quiere que responda. Podr\u00edas subir tres versiones del mismo a 800, 480 y 320 p\u00edxeles de ancho. Entonces usted aplicar\u00eda el atributo <strong>srcset<\/strong>, as\u00ed:<\/p>\n<pre><code class=\"language-html\">&lt;img srcset=\"header-image-800w.jpg 880w,\n\t\tHeader-image-480w.jpg 480w,\n\t\tHeader-image-320w.jpg 320w\"\n\tsizes=\"(max-width: 320px) 280px,\n\t\t(max-width: 480px) 440px,\n\t\t800px\"\n\tsrc=\"header-image-800w.jpg\"&gt;<\/code><\/pre>\n<p>El atributo <strong>srcset<\/strong> especifica los diferentes archivos disponibles, y el atributo <strong>sizes<\/strong> le dice a los navegadores cu\u00e1l debe ser usado basado en el tama\u00f1o de la pantalla actual.<\/p>\n<h3>11. Diferir las im\u00e1genes fuera de pantalla<\/h3>\n<p>El proceso de diferir las im\u00e1genes fuera de la pantalla se conoce m\u00e1s com\u00fanmente como \u00abcarga perezosa\u00bb. Esto significa que en lugar de hacer que el navegador cargue todas las im\u00e1genes de una p\u00e1gina antes de mostrar el contenido de la parte superior, s\u00f3lo cargar\u00e1 las que sean inmediatamente visibles.<\/p>\n<p>Una menor carga antes de que la p\u00e1gina sea visible significa un mejor rendimiento, por lo que Google recomienda este m\u00e9todo:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/postegar-recomendacion-imagenes-fuera-pantalla.png\" alt=\"Postergar la recomendaci\u00f3n de im\u00e1genes fuera de la pantalla\" width=\"1452\" height=\"416\"><figcaption class=\"wp-caption-text\">Postergar la recomendaci\u00f3n de im\u00e1genes fuera de la pantalla<\/figcaption><\/figure>\n<p>Hay varios plugins de WordPress hechos espec\u00edficamente para la carga perezosa, incluyendo\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">a3 Lazy Load<\/a> y <a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\">Lazy Load by WP Rocket<\/a>. Varios plugins de optimizaci\u00f3n de imagen y rendimiento, como <a href=\"https:\/\/kinsta.com\/es\/blog\/configurar-autoptimize\/#image-optimization-in-autoptimize\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize, tambi\u00e9n tienen funciones de carga lenta<\/a>. Echa un vistazo a nuestra gu\u00eda completa de\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/lazy-load-de-wordpress\/\">im\u00e1genes y v\u00eddeos de Lazy Loading en WordPress<\/a>.<\/p>\n<h3>12. Codificar eficientemente las im\u00e1genes<\/h3>\n<p>Como mencionamos anteriormente en este post, las im\u00e1genes tienen un impacto significativo en el rendimiento de su sitio. Una de las mejores pr\u00e1cticas de optimizaci\u00f3n m\u00e1s b\u00e1sicas que puede\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/compresion-con-perdida\/\">considerar es la compresi\u00f3n<\/a>, que puede ayudar a reducir el tama\u00f1o de los archivos para que se carguen m\u00e1s r\u00e1pidamente. Tambi\u00e9n es el m\u00e9todo principal para seguir la recomendaci\u00f3n de Google de <strong>codificar eficientemente las im\u00e1genes:<\/strong><\/p>\n<figure style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/recomendacion-codificar-eficientemente.png\" alt=\"Recomendaci\u00f3n de codificar eficientemente las im\u00e1genes\" width=\"1454\" height=\"336\"><figcaption class=\"wp-caption-text\">Recomendaci\u00f3n de codificar eficientemente las im\u00e1genes<\/figcaption><\/figure>\n<p>La clave est\u00e1 en conseguir los tama\u00f1os de archivo m\u00e1s peque\u00f1os posibles, sin sacrificar la calidad de las propias im\u00e1genes. Los plugins como\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> y <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">Smush<\/a> pueden ayudar en esta tarea. Puede aprender m\u00e1s sobre ellos en nuestra\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/optimizar-imagenes-para-la-web\/\">gu\u00eda de optimizaci\u00f3n de im\u00e1genes<\/a>.<\/p>\n<p>Otras recomendaciones que influyen en el hecho de que \u00abapruebe\u00bb o \u00absuspenda\u00bb la auditor\u00eda de <strong>im\u00e1genes codificadas eficientemente<\/strong> incluyen:<\/p>\n<ul>\n<li>Servir las im\u00e1genes en el tama\u00f1o correcto<\/li>\n<li>Implementar la carga lenta (diferir las im\u00e1genes fuera de pantalla)<\/li>\n<li>Conversi\u00f3n de im\u00e1genes a formatos de archivo de pr\u00f3xima generaci\u00f3n, como WebP<\/li>\n<li>Uso de formatos de v\u00eddeo para contenido animado, como los GIF<\/li>\n<\/ul>\n<p>Adem\u00e1s de comprimir sus im\u00e1genes, puede seguir los pasos para cumplir con estas sugerencias como se describe en otra parte de este post.<\/p>\n<h3>13. Servir la imagen en formatos de pr\u00f3xima generaci\u00f3n<\/h3>\n<p>Hay algunos formatos de archivos de imagen que se cargan m\u00e1s r\u00e1pidamente que otros. Desafortunadamente, no son los formatos <strong>PNG<\/strong> o <strong>JPEG m\u00e1s<\/strong> comunes. <a href=\"https:\/\/kinsta.com\/es\/blog\/webp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Las im\u00e1genes <strong>WebP<\/strong><\/a> se est\u00e1n convirtiendo en el nuevo est\u00e1ndar, y Google PageSpeed te informar\u00e1 si tus im\u00e1genes no se ajustan a \u00e9l:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/recomendacion-servir-imagenes-formatos.png\" alt=\"Recomendaci\u00f3n de servir las im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n\" width=\"1452\" height=\"368\"><figcaption class=\"wp-caption-text\">Recomendaci\u00f3n de servir las im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n<\/figcaption><\/figure>\n<p>Esta recomendaci\u00f3n puede parecer dif\u00edcil de cumplir, ya que probablemente ya tengas muchas im\u00e1genes en tu sitio. Afortunadamente, hay plugins que pueden ayudar. Por ejemplo, tanto Imagify como Smush ofrecen una funci\u00f3n de conversi\u00f3n a WebP.<\/p>\n<h3>14. Usar formatos de v\u00eddeo para el contenido animado<\/h3>\n<p>Los GIF pueden ser <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-gifs\/\">una forma efectiva de contenido visual<\/a> en una variedad de situaciones. Las revisiones de los tutoriales, las rese\u00f1as y hasta las animaciones humor\u00edsticas pueden hacer que sus publicaciones sean m\u00e1s agradables y valiosas para los lectores.<\/p>\n<p>Desafortunadamente, esos beneficios tienen un costo para su desempe\u00f1o. Los GIF son exigentes en cuanto a su carga, por lo que PageSpeed Insights recomienda servir el contenido de v\u00eddeo en su lugar:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/usar-formatos-video-recomendacion.png\" alt=\"Usar formatos de video para la recomendaci\u00f3n de contenido animado\" width=\"1452\" height=\"434\"><figcaption class=\"wp-caption-text\">Usar formatos de video para la recomendaci\u00f3n de contenido animado<\/figcaption><\/figure>\n<p>Desafortunadamente, la conversi\u00f3n de GIF a formatos de v\u00eddeo no es el m\u00e1s sencillo de los procesos. En primer lugar, tendr\u00e1s que decidir qu\u00e9 tipo de v\u00eddeo quieres usar:<\/p>\n<ul>\n<li><strong>MP4:<\/strong> Produce archivos ligeramente m\u00e1s grandes, pero es compatible con la <a href=\"https:\/\/kinsta.com\/es\/cuota-mercado-mundial-navegadores\/\">mayor\u00eda de los principales navegadores<\/a>.<\/li>\n<li><strong>WebM:<\/strong> El formato de v\u00eddeo m\u00e1s optimizado, aunque tiene una compatibilidad limitada con los navegadores.<\/li>\n<\/ul>\n<p>Una vez que haya tomado la decisi\u00f3n que tenga m\u00e1s sentido para su sitio, deber\u00e1 convertir los formatos de archivo. La mejor manera de hacerlo es a trav\u00e9s de la l\u00ednea de comandos. Para empezar, instale\u00a0<a href=\"https:\/\/www.ffmpeg.org\/\">FFmpeg<\/a>. Esta es una herramienta de c\u00f3digo abierto para la conversi\u00f3n de formatos de archivo:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/herramienta-conversion-formato-archivo.png\" alt=\"Herramienta de conversi\u00f3n de formato de archivo FFmpeg para v\u00eddeo y audio\" width=\"1500\" height=\"897\"><figcaption class=\"wp-caption-text\">Herramienta de conversi\u00f3n de formato de archivo FFmpeg para v\u00eddeo y audio<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, abra su interfaz de l\u00ednea de comandos y ejecute el siguiente comando:<\/p>\n<pre><code>ffmpeg -i input.gif output.mp4<\/code><\/pre>\n<p>Esto convertir\u00e1 el GIF con el nombre de archivo <strong>input.gif<\/strong> en un v\u00eddeo MP4 con el nombre de archivo <strong>output.mp4<\/strong>. Sin embargo, cambiar el formato es s\u00f3lo el principio. Ahora tienes que incrustar el v\u00eddeo resultante en tu sitio de forma que parezca un GIF animado.<\/p>\n<h4>Incrustaci\u00f3n de contenido de v\u00eddeo para animaciones<\/h4>\n<p>Como seguramente habr\u00e1 notado si ha visto un GIF antes, son ligeramente diferentes de los v\u00eddeos normales. Normalmente se reproducen autom\u00e1ticamente y se ejecutan en un bucle, y siempre est\u00e1n sin sonido. Incrustar tu nuevo archivo MP4 o WebM en tu sitio no te proporcionar\u00e1 estas funcionalidades.<\/p>\n<p>Sin embargo, <i>puedes<\/i> recrearlos con un c\u00f3digo muy simple. Cargue su v\u00eddeo en su biblioteca multimedia y, a continuaci\u00f3n, a\u00f1ada lo siguiente a la p\u00e1gina o publicaci\u00f3n en la que desea incluir su GIF:<\/p>\n<pre><code>&lt;video autoplay loop muted playsinline&gt;\n&lt;source src=\"output.mp4\" type=\"video\/mp4\"&gt;\n&lt;\/video&gt;<\/code><\/pre>\n<p>Esto aplicar\u00e1 los atributos especificados a su v\u00eddeo, haciendo que parezca m\u00e1s \u00absimilar a GIF\u00bb. Simplemente adapte el nombre y el tipo de archivo para que coincida con el de su recurso. Para obtener m\u00e1s detalles sobre este tema, te sugerimos que leas la gu\u00eda de Google sobre la conversi\u00f3n\u00a0<a href=\"https:\/\/web.dev\/replace-gifs-with-videos\/\">de GIF a videos<\/a>.<\/p>\n<h3>15. Aseg\u00farese de que el texto permanezca visible durante la carga de la fuente web<\/h3>\n<p>Al igual que las im\u00e1genes, las fuentes tienden a ser archivos grandes que tardan mucho tiempo en cargarse. En algunos casos, los navegadores pueden ocultar el texto hasta que la fuente que est\u00e1s utilizando se cargue por completo, lo que dar\u00e1 lugar a esta recomendaci\u00f3n de Google PageSpeed Insights:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/asegusere-texto-permanezca-visible.png\" alt=\"Aseg\u00farese de que el texto permanezca visible durante la recomendaci\u00f3n de carga de la fuente web\" width=\"1458\" height=\"244\"><figcaption class=\"wp-caption-text\">Aseg\u00farese de que el texto permanezca visible durante la recomendaci\u00f3n de carga de la fuente web<\/figcaption><\/figure>\n<p><a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/font-display\/\">Google te aconseja<\/a> que resuelvas este problema aplicando la directiva <strong>de intercambio de la API de visualizaci\u00f3n de<\/strong> fuentes en tu estilo <strong>@font-face<\/strong>. Para ello, acceda a su hoja de estilos (<strong>style.css<\/strong>) y a\u00f1ada lo siguiente despu\u00e9s del atributo <strong>src<\/strong> en <strong>@font-face<\/strong>:<\/p>\n<p>font-display: swap<\/p>\n<p>Puede aprender m\u00e1s sobre la optimizaci\u00f3n de las fuentes web en nuestro post \u00ab<a href=\"https:\/\/kinsta.com\/es\/blog\/como-cambiar-las-fuentes-en-wordpress\/#optimizing-fonts-for-performance\"><i>C\u00f3mo to Change Fonts In WordPress<\/i><\/a>\u00bb y en nuestra\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/fuentes-locales\/\">gu\u00eda detallada sobre el alojamiento de fuentes locales<\/a>.<\/p>\n<h3>16. Habilitar la compresi\u00f3n de texto<\/h3>\n<p>La recomendaci\u00f3n de Google PageSpeed Insights de <strong>Habilitar<\/strong> la <strong>compresi\u00f3n de texto<\/strong> se refiere al uso de la compresi\u00f3n GZIP:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/habilitar-recomendacion-compresion-texto.png\" alt=\"Habilitar la recomendaci\u00f3n de compresi\u00f3n de texto\" width=\"1456\" height=\"376\"><figcaption class=\"wp-caption-text\">Habilitar la recomendaci\u00f3n de compresi\u00f3n de texto<\/figcaption><\/figure>\n<p>En algunos casos (como puede ver en la imagen de arriba) la compresi\u00f3n de texto se habilitar\u00e1 en su servidor autom\u00e1ticamente. Si este no es el caso de su sitio, tiene un par de opciones para seguir esta recomendaci\u00f3n.<\/p>\n<p>El primero es instalar un plugin con una funci\u00f3n de compresi\u00f3n GZIP. WP Rocket es una soluci\u00f3n viable si est\u00e1 dispuesto a pagar por ella.<\/p>\n<p>Tambi\u00e9n puede comprimir su texto manualmente. Esto implica la edici\u00f3n de su archivo <a href=\"https:\/\/kinsta.com\/es\/blog\/archivo-htaccess-wordpress\/\"><strong>.htaccess<\/strong><\/a>, lo que puede ser arriesgado, as\u00ed que aseg\u00farese de tener una copia de seguridad reciente a mano.<\/p>\n<p>La mayor\u00eda de los sitios de WordPress se ejecutan en servidores Apache. El c\u00f3digo para\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/activar-compresion-gzip\/\">habilitar la compresi\u00f3n GZIP<\/a> tiene este aspecto:<\/p>\n<pre><code class=\"apacheconf\">&lt;IfModule mod_deflate.c&gt;\n  # Compress HTML, CSS, JavaScript, Text, XML and fonts\n  AddOutputFilterByType DEFLATE application\/javascript\n  AddOutputFilterByType DEFLATE application\/rss+xml\n  AddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\n  AddOutputFilterByType DEFLATE application\/x-font\n  AddOutputFilterByType DEFLATE application\/x-font-opentype\n  AddOutputFilterByType DEFLATE application\/x-font-otf\n  AddOutputFilterByType DEFLATE application\/x-font-truetype\n  AddOutputFilterByType DEFLATE application\/x-font-ttf\n  AddOutputFilterByType DEFLATE application\/x-javascript\n  AddOutputFilterByType DEFLATE application\/xhtml+xml\n  AddOutputFilterByType DEFLATE application\/xml\n  AddOutputFilterByType DEFLATE font\/opentype\n  AddOutputFilterByType DEFLATE font\/otf\n  AddOutputFilterByType DEFLATE font\/ttf\n  AddOutputFilterByType DEFLATE image\/svg+xml\n  AddOutputFilterByType DEFLATE image\/x-icon\n  AddOutputFilterByType DEFLATE text\/css\n  AddOutputFilterByType DEFLATE text\/html\n  AddOutputFilterByType DEFLATE text\/javascript\n  AddOutputFilterByType DEFLATE text\/plain\n  AddOutputFilterByType DEFLATE text\/xml\n\n  # Remove browser bugs (only needed for really old browsers)\n  BrowserMatch ^Mozilla\/4 gzip-only-text\/html\n  BrowserMatch ^Mozilla\/4\\.0[678] no-gzip\n  BrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\n  Header append Vary User-Agent\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>Deber\u00edas a\u00f1adirlo despu\u00e9s de <strong>#END<\/strong> en tu archivo <strong>.htaccess<\/strong>. Si por casualidad tiene su sitio de WordPress en un servidor Nginx, deber\u00eda a\u00f1adir el siguiente c\u00f3digo a su archivo <strong>nginx.conf<\/strong>:<\/p>\n<pre><code class=\"nginx\">36 gzip on;\n37 gzip_disable \"MSIE [1-6]\\.(?!.*SV1)\";\n38 gzip_vary on;\n39 gzip_types text\/plain text\/css text\/javascript application\/javascript application\/x-javascript;<\/code><\/pre>\n<p>Si desea comprobar la compresi\u00f3n de texto de su sitio web, le sugerimos que utilice una herramienta como\u00a0<a href=\"https:\/\/www.giftofspeed.com\/gzip-test\/\">GiftOfSpeed<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/comprobacion-compresion-gzip-giftofspeed.png\" alt=\"Comprobaci\u00f3n de la compresi\u00f3n GZIP GiftOfSpeed\" width=\"1500\" height=\"884\"><figcaption class=\"wp-caption-text\">Comprobaci\u00f3n de la compresi\u00f3n GZIP GiftOfSpeed<\/figcaption><\/figure>\n<p>Esto le permitir\u00e1 saber si la compresi\u00f3n GZIP ha sido implementada con \u00e9xito, as\u00ed como en qu\u00e9 tipo de servidor se est\u00e1 ejecutando su sitio y algunos otros detalles clave.<\/p>\n<h3>17. Preconectar a los or\u00edgenes requeridos<\/h3>\n<p>Es muy probable que usted tenga al menos un recurso de terceros en su sitio &#8211; Google Analytics es un ejemplo com\u00fan. Los navegadores pueden tardar un tiempo en establecer una conexi\u00f3n con estos recursos, lo que reduce la velocidad de carga.<\/p>\n<p>El uso de atributos de <strong>pre-conexi\u00f3n<\/strong> puede indicar a los navegadores de inmediato que hay scripts de terceros en su p\u00e1gina que deben ser cargados. El proceso de solicitarlos puede entonces iniciar lo m\u00e1s pronto posible, mejorando su desempe\u00f1o.<\/p>\n<p>Si Google cree que su p\u00e1gina podr\u00eda beneficiarse de esta t\u00e9cnica, ver\u00e1 la sugerencia de <strong>Preconectar a los or\u00edgenes requeridos<\/strong>:<\/p>\n<figure style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/01\/preconnect-required-origins-1.png\" alt=\"Recomendaci\u00f3n de pre-conexi\u00f3n a los or\u00edgenes requeridos\" width=\"1454\" height=\"254\"><figcaption class=\"wp-caption-text\">Recomendaci\u00f3n de pre-conexi\u00f3n a los or\u00edgenes requeridos<\/figcaption><\/figure>\n<p>Hay algunas maneras de implementar esta estrategia de optimizaci\u00f3n. Si te sientes c\u00f3modo editando los archivos de temas de WordPress, puedes a\u00f1adir una etiqueta de enlace al archivo <strong>header.php<\/strong>. Aqu\u00ed hay un ejemplo:<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\u201cpreconnect\u201d href=\u201cexample.com\u201d&gt;<\/code><\/pre>\n<p>En este caso, la etiqueta indica a los navegadores que deben establecer una conexi\u00f3n con <strong>example.com<\/strong> lo m\u00e1s r\u00e1pido posible. Google PageSpeed Insights mostrar\u00e1 una lista de los recursos relevantes para los que se deben a\u00f1adir etiquetas de enlace con atributos de preconexi\u00f3n.<\/p>\n<p>La otra opci\u00f3n es usar un plugin para lograr el mismo efecto. <a href=\"https:\/\/perfmatters.io\/\">Perfmatters<\/a> incluye una funci\u00f3n de pre-conexi\u00f3n (aviso: soy uno de los fundadores de Perfmatters). WP Rocket y <a href=\"https:\/\/wordpress.org\/plugins\/pre-party-browser-hints\/\">Pre* Party Resource Hints<\/a> incluyen una funcionalidad similar.<\/p>\n<h3>18. Precarga de solicitudes de claves<\/h3>\n<p>De manera similar a la recomendaci\u00f3n de <strong>Preconectar a los or\u00edgenes requeridos<\/strong>, seguir esta sugerencia le permite minimizar el n\u00famero de solicitudes que los navegadores deben hacer al servidor de su sitio. Sin embargo, en lugar de conectarse a recursos de terceros, <strong>las solicitudes de claves de precarga<\/strong> se refieren a la carga de activos cr\u00edticos en su propio servidor:<\/p>\n<figure style=\"width: 1446px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/recomendacion-precarga-solicitudes-clave.png\" alt=\"Recomendaci\u00f3n de precarga de solicitudes clave\" width=\"1446\" height=\"250\"><figcaption class=\"wp-caption-text\">Recomendaci\u00f3n de precarga de solicitudes clave<\/figcaption><\/figure>\n<p>La implementaci\u00f3n de esta t\u00e9cnica es muy similar a la recomendaci\u00f3n anterior tambi\u00e9n. Puede a\u00f1adir etiquetas de enlace que especifiquen los recursos listados en PageSpeed Insights a su archivo <strong>header.php<\/strong>:<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\u201cpreload\u201d href=\u201cexample.com\u201d&gt;<\/code><\/pre>\n<p>Tambi\u00e9n puedes incorporar esta etiqueta usando Perfmatters, WP Rocket, o Pre* Party Resource Hints.<\/p>\n<h3>19. Evite las redirecciones de m\u00faltiples p\u00e1ginas<\/h3>\n<p>Las redirecciones se utilizan cuando se desea que una URL apunte a otra. Se utilizan com\u00fanmente cuando se mueve o elimina una p\u00e1gina de su sitio. Aunque no hay nada malo en usar redirecciones en general, s\u00ed que causan retrasos adicionales en el tiempo de carga.<\/p>\n<p>Si tiene <a href=\"https:\/\/kinsta.com\/es\/blog\/err_too_many_redirects\/\">demasiados redireccionamientos<\/a> en su sitio, es posible que vea esta recomendaci\u00f3n en Google PageSpeed Insights:<\/p>\n<figure style=\"width: 1460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/evitar-recomendacion-redireccionamiento.png\" alt=\"Evitar la recomendaci\u00f3n de redireccionamiento de varias p\u00e1ginas\" width=\"1460\" height=\"204\"><figcaption class=\"wp-caption-text\">Evitar la recomendaci\u00f3n de redireccionamiento de varias p\u00e1ginas<\/figcaption><\/figure>\n<p>Lo \u00fanico que puede hacer en respuesta a esta recomendaci\u00f3n es asegurarse de que s\u00f3lo est\u00e1 usando redirecciones cuando es absolutamente necesario. Puedes aprender m\u00e1s sobre el proceso de creaci\u00f3n de los mismos en nuestro post, \u00ab<a href=\"https:\/\/kinsta.com\/es\/blog\/redirecciones-de-wordpress\/\"><i>WordPress Redirect &#8211; Best Practices for Better Performance<\/i><\/a>\u00ab.<\/p>\n<h3>20. Sirva los activos est\u00e1ticos con una pol\u00edtica de cach\u00e9 eficiente<\/h3>\n<p>Si llevas un tiempo utilizando Google PageSpeed Insights, es posible que conozcas mejor esta recomendaci\u00f3n como la advertencia de aprovechamiento <strong>de la memoria cach\u00e9 del navegador<\/strong>. En la versi\u00f3n 5, ahora est\u00e1 etiquetada como <strong>Activos est\u00e1ticos de servicio con una pol\u00edtica de cach\u00e9 eficiente<\/strong>:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/activos-estaticos-servidor-politica.png\" alt=\"Activos est\u00e1ticos del servidor con una recomendaci\u00f3n de pol\u00edtica de cach\u00e9 eficiente\" width=\"1452\" height=\"338\"><figcaption class=\"wp-caption-text\">Activos est\u00e1ticos del servidor con una recomendaci\u00f3n de pol\u00edtica de cach\u00e9 eficiente<\/figcaption><\/figure>\n<p>Esta sugerencia tiene unas cuantas capas que necesitamos atravesar. La primera es lo que significa &#8216;caching&#8217;. En resumen, es un proceso en el que los navegadores guardan copias de sus p\u00e1ginas, para que puedan ser cargadas m\u00e1s r\u00e1pidamente en futuras visitas.<\/p>\n<p>La forma m\u00e1s com\u00fan en que los sitios de WordPress implementan el caching es <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-cache-wordpress\/\">con plugins<\/a>. WP Rocket y <a href=\"https:\/\/kinsta.com\/es\/blog\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a> son opciones populares.<\/p>\n<p>Sin embargo, algunos proveedores de alojamiento \u2014 <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-cache\/\">entre los que nos incluimos en Kinsta<\/a> \u2014 permiten el almacenamiento en cach\u00e9 a trav\u00e9s de sus servidores. De hecho, todos nuestros clientes pueden habilitar <a href=\"https:\/\/kinsta.com\/es\/blog\/edge-caching\/\">Edge Caching<\/a> de forma gratuita, una funcionalidad que reduce el tiempo que se tarda en entregar el HTML de sus p\u00e1ginas web a los visitantes del sitio en una media de m\u00e1s del 50%.<\/p>\n<p>Aseg\u00farate de comprobar si \u00e9ste es el caso de tu proveedor de alojamiento antes de instalar un plugin de cach\u00e9.<\/p>\n<p><span data-sheets-value=\"{\"1\":2,\"2\":\"[inarticle-cta]\"}\" data-sheets-userformat=\"{\"2\":6659,\"3\":{\"1\":0},\"4\":{\"1\":2,\"2\":16777215},\"12\":0,\"14\":{\"1\":2,\"2\":0},\"15\":\"Roboto, RobotoDraft, Helvetica, Arial, sans-serif\"}\"><\/span><\/p>\n<p>Una vez que haya habilitado el almacenamiento en cach\u00e9 para su sitio, puede preocuparse por la segunda parte de esta recomendaci\u00f3n, que es la \u00abeficiencia\u00bb de su pol\u00edtica de almacenamiento en cach\u00e9. Los navegadores limpian sus cach\u00e9s peri\u00f3dicamente para refrescarlos con copias actualizadas.<\/p>\n<p>Lo ideal ser\u00eda que este per\u00edodo de tiempo fuera m\u00e1s alto en lugar de m\u00e1s bajo. Si est\u00e1s limpiando tu sitio de las cach\u00e9s del navegador cada dos horas, eso anula el prop\u00f3sito de usar esta t\u00e9cnica en primer lugar. Puede optimizar el per\u00edodo de caducidad de su cach\u00e9 utilizando las cabeceras <strong>Cache-Control<\/strong> y <strong>Expires<\/strong>.<\/p>\n<h4>A\u00f1adir encabezados de control de cach\u00e9<\/h4>\n<p>Use el siguiente c\u00f3digo para a\u00f1adir cabeceras de Cache-Control en Nginx:<\/p>\n<pre><code class=\"nginx\">location ~* \\.(js|css|png|jpg|jpeg|gif|svg|ico)$ {\n expires 30d;\n add_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<p>Deber\u00eda a\u00f1adir esto al archivo de configuraci\u00f3n de su servidor. En el ejemplo anterior, los tipos de archivo especificados est\u00e1n configurados para expirar despu\u00e9s de 30 d\u00edas.<\/p>\n<p>Aquellos con\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-apache\/\">servidores Apache<\/a> deber\u00edan usar este fragmento en sus archivos <strong>.htaccess<\/strong> en su lugar:<\/p>\n<pre><code class=\"apacheconf\">&lt;filesMatch \".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$\"&gt;\nHeader set Cache-Control \"max-age=84600, public\"\n<\/code><\/pre>\n<p>A\u00f1ade este c\u00f3digo antes de <strong>#BEGIN WordPress<\/strong> o despu\u00e9s de <strong>#END WordPress<\/strong>. En este ejemplo, el per\u00edodo de caducidad de la cach\u00e9 est\u00e1 establecido en 84.600 segundos.<\/p>\n<h4>A\u00f1adir cabeceras de vencimiento<\/h4>\n<p>Los encabezados de <strong>control de cach\u00e9<\/strong> son ahora el est\u00e1ndar. Sin embargo, hay algunas herramientas (incluyendo GTMetrix) que todav\u00eda comprueban los encabezados de <strong>Expires<\/strong>.<\/p>\n<p>Puedes <a href=\"https:\/\/kinsta.com\/es\/blog\/anadir-cabeceras-expiradas-wordpress\/\">a\u00f1adir encabezados de caducidad<\/a> a un servidor Nginx incorporando en tu bloque de servidor lo siguiente:<\/p>\n<pre><code class=\"nginx\">location ~*  \\.(jpg|jpeg|gif|png|svg)$ {\n        expires 365d;\n    }\n\n    location ~*  \\.(pdf|css|html|js|swf)$ {\n        expires 2d;\n    }<\/code><\/pre>\n<p>Deber\u00eda establecer diferentes tiempos de expiraci\u00f3n en funci\u00f3n de los tipos de archivo. Los servidores Apache producir\u00e1n los mismos resultados si a\u00f1ade este c\u00f3digo a su archivo <strong>.htaccess<\/strong>:<\/p>\n<pre><code class=\"apacheconf\">## EXPIRES HEADER CACHING ##\n&lt;IfModule mod_expires.c&gt;\nExpiresActive On\nExpiresByType image\/jpg \"access 1 year\"\nExpiresByType image\/jpeg \"access 1 year\"\nExpiresByType image\/gif \"access 1 year\"\nExpiresByType image\/png \"access 1 year\"\nExpiresByType image\/svg \"access 1 year\"\nExpiresByType text\/css \"access 1 month\"\nExpiresByType application\/pdf \"access 1 month\"\nExpiresByType application\/javascript \"access 1 month\"\nExpiresByType application\/x-javascript \"access 1 month\"\nExpiresByType application\/x-shockwave-flash \"access 1 month\"\nExpiresByType image\/x-icon \"access 1 year\"\nExpiresDefault \"access 2 days\"\n&lt;\/IfModule&gt;\n## EXPIRES HEADER CACHING ##<\/code><\/pre>\n<p>Una vez m\u00e1s, debe agregar este c\u00f3digo antes de <strong>#BEGIN WordPress<\/strong> o despu\u00e9s de <strong>#END WordPress<\/strong>.<\/p>\n<h4>Caching eficiente de Google Analytics<\/h4>\n<p>Ir\u00f3nicamente, la <a href=\"https:\/\/kinsta.com\/es\/blog\/google-analytics-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">secuencia de comandos de Google Analytics que puede haber a\u00f1adido a las cabeceras de sus p\u00e1ginas<\/a> para realizar un seguimiento del comportamiento de los usuarios tiene un per\u00edodo de caducidad de la cach\u00e9 de tan solo dos horas. Esto es probable para que, si se realizan actualizaciones en la plataforma, los usuarios tengan acceso a los cambios r\u00e1pidamente.<\/p>\n<p>Este script aparecer\u00e1 en la lista de recursos que requieren su atenci\u00f3n en la secci\u00f3n <strong>Servir activos est\u00e1ticos con una<\/strong> recomendaci\u00f3n de <strong>pol\u00edtica de cach\u00e9 eficiente<\/strong>. Dado que pertenece a un tercero, no se puede cambiar el per\u00edodo de caducidad con los encabezados <strong>Cache-Control<\/strong> o <strong>Expires<\/strong>.<\/p>\n<p>Si este es el \u00fanico gui\u00f3n que aparece en esta recomendaci\u00f3n, todav\u00eda puede pasar la auditor\u00eda:<\/p>\n<figure style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/paso-auditoria-publicita-cache-eficiente.png\" alt=\"Pas\u00f3 la auditor\u00eda de la pol\u00edtica de cach\u00e9 eficiente\" width=\"1466\" height=\"544\"><figcaption class=\"wp-caption-text\">Pas\u00f3 la auditor\u00eda de la pol\u00edtica de cach\u00e9 eficiente<\/figcaption><\/figure>\n<p>Sin embargo, como hemos observado a lo largo de esta publicaci\u00f3n, su puntuaci\u00f3n de PageSpeed importa menos que su rendimiento real y percibido. Para servir este recurso de manera eficiente, puede considerar alojar Google Analytics localmente.<\/p>\n<p>Los plugins como\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\">Complete Analytics Optimization Suite (CAOS)<\/a> y Perfmatters le permitir\u00e1n hacerlo. Puede leer m\u00e1s sobre el proceso en nuestra\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/leverage-browser-caching\/\">gu\u00eda completa de esta sugerencia de PageSpeed<\/a>.<\/p>\n<h3>21. Reducir el impacto del c\u00f3digo de terceros<\/h3>\n<p>Hemos mencionado algunas formas diferentes en las que los scripts de terceros pueden impactar negativamente en su rendimiento y resultar en auditor\u00edas fallidas de PageSpeed Insights. Idealmente, es mejor limitar su dependencia de estas herramientas para prevenir efectos adversos.<\/p>\n<p>Sin embargo, en algunos casos la mejor soluci\u00f3n a una necesidad que tiene su sitio es incorporar un script de terceros. Google Analytics es un excelente ejemplo. Otros incluyen:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-plugins-redes-sociales\/\">Botones<\/a> y fuentes\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-plugins-redes-sociales\/\">para compartir medios sociales<\/a><\/li>\n<li>Incrustaciones de video en YouTube<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-iframe\/\">iFrames para anuncios y otros contenidos<\/a><\/li>\n<li>Bibliotecas para JavaScript, fuentes y otros elementos<\/li>\n<\/ul>\n<p>En los casos en los que considere necesario el uso de un script de terceros, es importante reducir su impacto en el rendimiento de su sitio, tal y como le indicar\u00e1n los resultados del an\u00e1lisis de PageSpeed:<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/reducir-impacto-recomendaciones-codigos.png\" alt=\"Reducir el impacto de las recomendaciones de c\u00f3digos de terceros\" width=\"1468\" height=\"348\"><figcaption class=\"wp-caption-text\">Reducir el impacto de las recomendaciones de c\u00f3digos de terceros<\/figcaption><\/figure>\n<p>Para cargar el c\u00f3digo de terceros de manera m\u00e1s eficiente, puedes considerar una de las t\u00e9cnicas que ya hemos mencionado en este post:<\/p>\n<ul>\n<li>Aplazar la carga de Javascript<\/li>\n<li>Usar etiquetas de enlace con atributos de <strong>pre-conexi\u00f3n<\/strong><\/li>\n<li>Secuencias de comandos de terceros de autoalojamiento (como se describi\u00f3 anteriormente en Google Analytics)<\/li>\n<\/ul>\n<p>Estos m\u00e9todos deber\u00edan minimizar el impacto en el rendimiento de su sitio.<\/p>\n<h3>22. Evitar las enormes cargas de red<\/h3>\n<p>Esta recomendaci\u00f3n es particularmente relevante para sus visitantes m\u00f3viles. Las cargas \u00fatiles de gran tama\u00f1o pueden requerir el uso de m\u00e1s datos celulares, por lo que el costo para sus usuarios es elevado. Minimizar el n\u00famero de solicitudes de red necesarias para llegar a sus p\u00e1ginas puede evitarlo:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/evitar-recomendacion-cargas-utiles.png\" alt=\"Evitar la recomendaci\u00f3n de cargas \u00fatiles de red enormes\" width=\"1452\" height=\"420\"><figcaption class=\"wp-caption-text\">Evitar la recomendaci\u00f3n de cargas \u00fatiles de red enormes<\/figcaption><\/figure>\n<p>Google recomienda mantener el tama\u00f1o total de los bytes a 1.600 KB o menos. Los m\u00e9todos m\u00e1s utilizados para lograr este objetivo se encuentran a lo largo de este post, incluyendo:<\/p>\n<ul>\n<li>Diferir CSS, JavaScript y las im\u00e1genes que est\u00e1n debajo del pliegue<\/li>\n<li>C\u00f3digo de minimizaci\u00f3n<\/li>\n<li>Comprimir los archivos de imagen<\/li>\n<li>Uso del formato WebP para las im\u00e1genes<\/li>\n<li>Implementaci\u00f3n del caching<\/li>\n<\/ul>\n<p>Siga los pasos relevantes para estas estrategias, y deber\u00eda pasar esta auditor\u00eda sin ning\u00fan esfuerzo adicional.<\/p>\n<h3>23. Marcas y medidas de tiempo del usuario<\/h3>\n<p>Esta recomendaci\u00f3n s\u00f3lo es relevante si utiliza la <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/user-timings\/\">API de sincronizaci\u00f3n\u00a0de usuarios<\/a>. Esta herramienta crea marcas de tiempo para ayudarle a evaluar el rendimiento de su JavaScript. Si ha configurado la API para su sitio, ver\u00e1 sus marcas y medidas bajo este encabezado en PageSpeed Insights:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/usuario-recomendacion-marcas-medidas.png\" alt=\"Usuario Recomendaci\u00f3n de marcas y medidas de tiempo\" width=\"1500\" height=\"727\"><figcaption class=\"wp-caption-text\">Usuario Recomendaci\u00f3n de marcas y medidas de tiempo<\/figcaption><\/figure>\n<p>Como puedes ver, esta es otra sugerencia de Google que no resulta en un \u00abaprobado\u00bb o \u00abreprobado\u00bb. PageSpeed Insights simplemente hace que esta informaci\u00f3n sea f\u00e1cilmente recuperable, de modo que puede utilizarla para evaluar las \u00e1reas que pueden requerir optimizaci\u00f3n.<\/p>\n<p>Si est\u00e1s interesado en incorporar la API de sincronizaci\u00f3n de usuarios en tu sitio de WordPress, puedes obtener m\u00e1s informaci\u00f3n en la\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/User_Timing_API\/Using_the_User_Timing_API\">gu\u00eda de Mozilla sobre el tema<\/a>.<\/p>\n<h3>24. Evitar un tama\u00f1o excesivo del modelo de objeto de documento (DOM)<\/h3>\n<p>En t\u00e9rminos m\u00e1s sencillos, el DOM es la forma en que los navegadores convierten el HTML en objetos. Implica la utilizaci\u00f3n de una estructura de \u00e1rbol compuesta de nodos individuales que representan cada uno un objeto. Naturalmente, cuanto m\u00e1s grande sea el DOM de su p\u00e1gina, m\u00e1s tiempo tardar\u00e1 en cargarse.<\/p>\n<p>Si su p\u00e1gina excede ciertos\u00a0<a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/dom-size\/\">est\u00e1ndares en cuanto al tama\u00f1o del DOM<\/a>, le recomendar\u00e1 reducir el n\u00famero de nodos as\u00ed como la\u00a0<a href=\"https:\/\/web.dev\/reduce-the-scope-and-complexity-of-style-calculations\/\">complejidad de su estilo CSS<\/a>:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/01\/evitar-recomendacion-tamano-excersivo.png\" alt=\"Evitar una recomendaci\u00f3n de tama\u00f1o excesivo de DOM\" width=\"1458\" height=\"252\"><figcaption class=\"wp-caption-text\">Evitar una recomendaci\u00f3n de tama\u00f1o excesivo de DOM<\/figcaption><\/figure>\n<p>Un culpable com\u00fan si has \u00abfallado\u00bb esta auditor\u00eda en PageSpeed Insights es tu tema de WordPress. Los temas pesados a menudo a\u00f1aden grandes vol\u00famenes de elementos al DOM, y tambi\u00e9n pueden incluir un estilo enrevesado que ralentiza su sitio. Si este es el caso, es posible que tenga que\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/cambiar-tema-wordpress\/\">cambiar de tema<\/a>.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Google PageSpeed Insights deber\u00eda ser un elemento b\u00e1sico en su caja de herramientas para webmasters. Sin embargo, fijarse en tu puntuaci\u00f3n y obsesionarse con alcanzar el codiciado 100\/100 probablemente no sea el mejor uso de tu tiempo. Puede alejarlo de otras tareas importantes que podr\u00edan proporcionarle beneficios m\u00e1s significativos.<\/p>\n<p>En esta publicaci\u00f3n, hemos tratado las formas en que tu puntuaci\u00f3n de PageSpeed de Google es importante y no lo es. Tambi\u00e9n compartimos unas breves directrices para poner en pr\u00e1ctica las recomendaciones de la plataforma en tu sitio, con el fin de mejorar su rendimiento.<\/p>\n<p>\u00bfTiene alguna pregunta sobre Google PageSpeed Insights o sobre la optimizaci\u00f3n del rendimiento de su sitio? Pregunte en la secci\u00f3n de comentarios de abajo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google PageSpeed Insights es sin duda una herramienta \u00fatil para webmasters, desarrolladores y propietarios de sitios web de todo tipo. Sin embargo, hemos notado que mucha &#8230;<\/p>\n","protected":false},"author":38,"featured_media":22905,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[388,408],"topic":[1351],"class_list":["post-7922","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webperf","topic-rendimiento-de-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100<\/title>\n<meta name=\"description\" content=\"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100\" \/>\n<meta property=\"og:description\" content=\"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-13T10:40:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-30T12:45:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"37 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100\",\"datePublished\":\"2017-01-13T10:40:35+00:00\",\"dateModified\":\"2025-04-30T12:45:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\"},\"wordCount\":7051,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png\",\"keywords\":[\"pagespeed\",\"webperf\"],\"articleSection\":[\"Tutoriales de rendimienro de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\",\"name\":\"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png\",\"datePublished\":\"2017-01-13T10:40:35+00:00\",\"dateModified\":\"2025-04-30T12:45:16+00:00\",\"description\":\"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"\u00bfC\u00f3mo Sacar 100\/100 en Google PageSpeed Insights con WordPress?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rendimiento de WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/rendimiento-de-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100","description":"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/","og_locale":"es_ES","og_type":"article","og_title":"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100","og_description":"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.","og_url":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2017-01-13T10:40:35+00:00","article_modified_time":"2025-04-30T12:45:16+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Brian Jackson","Tiempo de lectura":"37 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100","datePublished":"2017-01-13T10:40:35+00:00","dateModified":"2025-04-30T12:45:16+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/"},"wordCount":7051,"commentCount":8,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png","keywords":["pagespeed","webperf"],"articleSection":["Tutoriales de rendimienro de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/","url":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/","name":"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png","datePublished":"2017-01-13T10:40:35+00:00","dateModified":"2025-04-30T12:45:16+00:00","description":"Puntuar 100\/100 en Google PageSpeed insights parece un sue\u00f1o? A continuaci\u00f3n, le indicamos c\u00f3mo utilizar estos datos de velocidad para mejorar el rendimiento de su sitio.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2017\/01\/como-sacar-google-pagespeed-insights-wordpress.png","width":1460,"height":730,"caption":"\u00bfC\u00f3mo Sacar 100\/100 en Google PageSpeed Insights con WordPress?"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Rendimiento de WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/rendimiento-de-wordpress\/"},{"@type":"ListItem","position":3,"name":"Google PageSpeed Insights: La verdad sobre la puntuaci\u00f3n 100\/100"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/7922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=7922"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/7922\/revisions"}],"predecessor-version":[{"id":79050,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/7922\/revisions\/79050"}],"alternate":[{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/it"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/translations\/se"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/7922\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/22905"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=7922"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=7922"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=7922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}