{"id":241050,"date":"2022-04-27T11:49:00","date_gmt":"2022-04-27T08:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=241050"},"modified":"2022-04-27T11:52:35","modified_gmt":"2022-04-27T08:52:35","slug":"las-36-formas-de-acelerar-su-sitio-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/las-36-formas-de-acelerar-su-sitio-de-wordpress\/","title":{"rendered":"Las 36 formas de acelerar su sitio de WordPress"},"content":{"rendered":"<p>Es una locura ah\u00ed fuera.<\/p>\n<p>No quiero ser c\u00ednico, pero esta es la verdad:<\/p>\n<p>La mayor\u00eda de las publicaciones de blogs sobre c\u00f3mo acelerar WordPress son un desastre.<\/p>\n<p>En la parte superior de la lista, incluyen consejos que solo acelerar\u00e1n su men\u00fa de administraci\u00f3n en 0.01s o, literalmente, no mejorar\u00e1n el rendimiento en absoluto.<\/p>\n<p>Luego, cerca de la parte inferior, incluyen algunas de las t\u00e9cnicas de rendimiento m\u00e1s impactantes disponibles.<\/p>\n<p>Eso es una locura. As\u00ed es como est\u00e1 organizada mi gu\u00eda de rendimiento &#8230;<\/p>\n<p><strong>Comience con los pasos de alto impacto<\/strong>.<\/p>\n<p>Primero enumer\u00e9 las 9 formas m\u00e1s impactantes de acelerar su sitio. Estos son, con mucho, los pasos m\u00e1s importantes que puede seguir para que su sitio se cargue m\u00e1s r\u00e1pido.<\/p>\n<p>De hecho, si no usa ninguna t\u00e1ctica m\u00e1s all\u00e1 de las primeras 9, estar\u00e1 bien.<\/p>\n<p>Luego, despu\u00e9s de eso, encontrar\u00e1 27 formas adicionales de acelerar WordPress. Cada una de estas t\u00e1cticas har\u00e1 que su sitio sea un poco m\u00e1s r\u00e1pido al aumentar los resultados que ya ha logrado.<\/p>\n<p>Y hay una cosa m\u00e1s que debes saber.<\/p>\n<p><strong>Estas son las t\u00e1cticas exactas que utilizo<\/strong><\/p>\n<p>No estoy enumerando ninguna t\u00e1ctica aqu\u00ed que no est\u00e9 usando en este momento.<\/p>\n<p>De hecho, antes de escribir esta publicaci\u00f3n, se me ocurri\u00f3 una gran lista de t\u00e9cnicas de rendimiento, incluidas algunas cosas que nunca hab\u00eda probado antes, y las prob\u00e9 todas.<\/p>\n<p>Competethemes.com ya se estaba cargando r\u00e1pidamente, pero despu\u00e9s de usar todas las t\u00e1cticas de rendimiento que se enumeran a continuaci\u00f3n, es incre\u00edblemente r\u00e1pido.<\/p>\n<p>Aqu\u00ed est\u00e1n los resultados de <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GTMetrix<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Mi primera vez obteniendo un puntaje de PageSpeed \u200b\u200bdel 100%<\/p>\n<p>Y si utilizo una ubicaci\u00f3n cercana en <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pingdom<\/a>, informan que mi sitio se carga en solo 0.571 segundos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Algunos puntos de referencia r\u00e1pidos antes de comenzar:<\/p>\n<ul>\n<li>&gt; 3 s el tiempo de carga es lento<\/li>\n<li>2-3 segundos de tiempo de carga es bueno<\/li>\n<li>El tiempo de carga de 1-2 s es r\u00e1pido<\/li>\n<li>El tiempo de carga de 0-1 s es muy r\u00e1pido<\/li>\n<\/ul>\n<p>Su primer objetivo debe ser que su sitio se cargue en menos de tres segundos. Es realmente importante alcanzar este punto de referencia o seguramente tendr\u00e1 visitantes que se ir\u00e1n antes de que su sitio termine de cargarse.<\/p>\n<p>Si implementa las primeras 9 t\u00e1cticas a continuaci\u00f3n, no deber\u00eda tener problemas para que su tiempo de carga sea inferior a 3 segundos.<\/p>\n<p>Si desea que su sitio se cargue en solo 1 s, deber\u00e1 usar la mayor\u00eda, si no todas, las t\u00e1cticas enumeradas aqu\u00ed y <strong>es mucho trabajo<\/strong>. No te culpo si te afeitas unos segundos con las t\u00e1cticas 1-9 y terminas el d\u00eda \ud83d\udc4d<\/p>\n<p>Probablemente est\u00e9 ansioso por comenzar ahora, as\u00ed que este es el paso m\u00e1s importante que puede tomar para acelerar su sitio web.<\/p>\n<p>\u00a1Esta publicaci\u00f3n es escandalosamente larga! Probablemente no lo termines de una vez, as\u00ed que aseg\u00farate de <strong>marcar esta p\u00e1gina para m\u00e1s adelante<\/strong> para que puedas seguir regresando mientras optimizas tu sitio.<\/p>\n<h2>1 Cambie a un host m\u00e1s r\u00e1pido<\/h2>\n<p>El alojamiento es la potencia de su sitio.<\/p>\n<p>Con un alojamiento m\u00e1s potente, todo su sitio se cargar\u00e1 m\u00e1s r\u00e1pido.<\/p>\n<p>Puede implementar cualquier otra t\u00e9cnica con gran efecto, pero todas funcionar\u00e1n mejor con un host de alto rendimiento. Adem\u00e1s, cambiar de host en estos d\u00edas es realmente f\u00e1cil.<\/p>\n<p>Uso <a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kinsta<\/a> para Compete Themes y no puedo recomendarlos lo suficiente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Adem\u00e1s de las copias de seguridad diarias automatizadas, el hermoso panel de usuario y el soporte de chat en vivo realmente \u00fatil &#8230;<\/p>\n<p><strong>Har\u00e1n que su sitio se cargue r\u00e1pidamente.<\/strong><\/p>\n<p>Kinsta funciona muy bien porque est\u00e1 construido a partir de la infraestructura en la nube de Google.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Normalmente, este tipo de tecnolog\u00eda especializada solo est\u00e1 disponible para empresas debido a los costos y la dificultad de implementaci\u00f3n, pero Kinsta se encarga de todo eso por usted. Simplemente obtienes un rendimiento incre\u00edble.<\/p>\n<p>He estado usando Kinsta durante seis meses y ya estaba contento con su servicio cuando <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aumentaron<\/a> aleatoriamente <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">el rendimiento de todos en un 30-200% hace<\/a> un par de semanas.<\/p>\n<p>Despu\u00e9s de casi una d\u00e9cada de ejecutar sitios web de WordPress, nunca tuve un anfitri\u00f3n que hiciera eso.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Echa un vistazo a Kinsta \u2192<\/a><\/p>\n<p>El alojamiento es la base del rendimiento de su sitio, por lo que si omite todo lo dem\u00e1s, aseg\u00farese de realizar este paso correctamente.<\/p>\n<p>Lo siguiente m\u00e1s importante que puede hacer para acelerar su sitio de WP es agregar almacenamiento en cach\u00e9.<\/p>\n<h2>2 Agregar almacenamiento en cach\u00e9<\/h2>\n<p>\u00bfCuanto es 9.027 dividido por 17?<\/p>\n<p>Para responder a esto, necesita sacar una calculadora, marcar los n\u00fameros y luego podr\u00eda decir con confianza la respuesta que es 531.<\/p>\n<p>Ahora te preguntar\u00e9 de nuevo, \u00bfcu\u00e1nto es 9.027 dividido entre 17?<\/p>\n<p>Esta vez supiste la respuesta al instante porque la tienes almacenada en tu memoria.<\/p>\n<p>As\u00ed es el almacenamiento en cach\u00e9.<\/p>\n<p>Cuando alguien visita su sitio web, ejecuta varios procesos para generar la p\u00e1gina. Sin almacenamiento en cach\u00e9, esto sucede cada vez que alguien visita su sitio web. Es como usar una calculadora para obtener la respuesta una y otra vez.<\/p>\n<p>Como puede comprender, esto es un desperdicio enorme.<\/p>\n<p>Con el almacenamiento en cach\u00e9, su sitio genera una p\u00e1gina una vez y luego la guarda tal como guard\u00f3 el n\u00famero 531 en su memoria. Luego, cuando alguien visita su sitio nuevamente, la copia en cach\u00e9 se entrega inmediatamente sin necesidad de ejecutar todos los procesos que se usaron originalmente para crear la p\u00e1gina.<\/p>\n<p>\u00bfTener sentido?<\/p>\n<p>Ahora hablemos de c\u00f3mo aprovechar esta tecnolog\u00eda en su sitio web.<\/p>\n<h3>C\u00f3mo agregar almacenamiento en cach\u00e9 a su sitio<\/h3>\n<p>En primer lugar, su host podr\u00eda proporcionar almacenamiento en cach\u00e9 integrado. Esto es cierto para Kinsta y muchos otros hosts de alto rendimiento. Por lo tanto, es posible que ya haya agregado el almacenamiento en cach\u00e9.<\/p>\n<p>Si su host no proporciona almacenamiento en cach\u00e9, hay muchos complementos para elegir. En mi opini\u00f3n, la mejor opci\u00f3n es <a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Rocket<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>WP Rocket proporciona almacenamiento en cach\u00e9 ultrarr\u00e1pido y muchas otras optimizaciones de rendimiento. Voy a hacer referencia a este complemento unas cien veces m\u00e1s a lo largo de esta publicaci\u00f3n, para que veas todo lo que puede hacer.<\/p>\n<p>Aunque Kinsta proporciona almacenamiento en cach\u00e9, tambi\u00e9n uso WP Rocket debido a las otras herramientas de rendimiento incluidas.<\/p>\n<p>Puede seguir mi tutorial de configuraci\u00f3n de WP Rocket para comenzar:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/aG5uFiWjsU4\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Echa un vistazo a WP Rocket \u2192<\/a><\/p>\n<p>Si desea una alternativa gratuita, le recomiendo <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Super Cache<\/a> si desea algo f\u00e1cil de usar y <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">W3 Total Cache<\/a> si desea opciones m\u00e1s avanzadas.<\/p>\n<p>El alojamiento y el almacenamiento en cach\u00e9 de alto rendimiento son definitivamente las caracter\u00edsticas de velocidad m\u00e1s importantes que necesita su sitio. Dicho eso &#8230;<\/p>\n<p>Solo queda una cosa que puede descarrilar completamente su desempe\u00f1o.<\/p>\n<h3>TIENE que seguir estos tres pasos siguientes<\/h3>\n<p>Una vez que haya configurado su almacenamiento en cach\u00e9, dirija su atenci\u00f3n a las im\u00e1genes de su sitio.<\/p>\n<p>Si no optimiza sus im\u00e1genes, su sitio nunca alcanzar\u00e1 los tiempos de carga de 2 a 3 segundos, nunca obtendr\u00e1 una <a href=\"https:\/\/www.edgeoftheweb.co.uk\/blog\/importance-of-page-speed\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">puntuaci\u00f3n de PageSpeed \u200b\u200boptimizada<\/a>.<\/p>\n<p>Las im\u00e1genes pueden ser un lastre absolutamente enorme en los tiempos de carga, por lo que incluyo las tres formas en que puede optimizarlas aqu\u00ed.<\/p>\n<p>La primera forma de optimizar sus im\u00e1genes es comprimirlas.<\/p>\n<h2>3 Comprime tus im\u00e1genes<\/h2>\n<p>Los algoritmos modernos de compresi\u00f3n de im\u00e1genes son asombrosos.<\/p>\n<p>Pueden reducir el tama\u00f1o del archivo de una imagen en un 70% sin afectar su calidad de manera notable. El punto es que puede hacer que todas las im\u00e1genes de su sitio se carguen mucho m\u00e1s r\u00e1pido sin degradar su calidad. No hay inconvenientes, \u00a1en serio!<\/p>\n<p>Cuando se trata de optimizaci\u00f3n de im\u00e1genes, mi complemento favorito es <a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Optimole<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Aprender\u00e1 m\u00e1s sobre Optimole en los siguientes dos pasos, pero esto es lo que necesita saber primero:<\/p>\n<p>Optimole utiliza un algoritmo de compresi\u00f3n muy eficaz para comprimir sus im\u00e1genes a una fracci\u00f3n del tama\u00f1o de archivo anterior. Lo que es a\u00fan mejor es que es muy f\u00e1cil de usar.<\/p>\n<p>Otros complementos de optimizaci\u00f3n de im\u00e1genes editan las im\u00e1genes en su sitio y utilizan los recursos de su servidor. Optimole no toca sus originales: copia sus im\u00e1genes en su servidor y luego las optimiza all\u00ed. Esto mantiene su biblioteca multimedia organizada y su sitio no se ralentizar\u00e1 cuando las im\u00e1genes se comprimen.<\/p>\n<p>Si desea aprender c\u00f3mo configurar Optimole en su sitio, puede seguir mi video tutorial completo:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/iZwliEUen2A\" frameborder=\"0\"><\/iframe><\/div>\n<p>Una excelente alternativa es el complemento <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel<\/a>. Es un poco m\u00e1s complicado de configurar, pero a\u00fan as\u00ed es bastante f\u00e1cil de usar.<\/p>\n<p>Felizmente us\u00e9 ShortPixel en este sitio durante a\u00f1os y solo cambi\u00e9 a Optimole para esta pr\u00f3xima t\u00e1ctica.<\/p>\n<h2>4 Cambiar el tama\u00f1o de sus im\u00e1genes<\/h2>\n<p>Preste mucha atenci\u00f3n porque los detalles son cr\u00edticos.<\/p>\n<p>Esta es la gran idea:<\/p>\n<p><strong>Cuanto m\u00e1s grandes sean las dimensiones de una imagen, mayor ser\u00e1 el tama\u00f1o del archivo.<\/strong><\/p>\n<p>Por ejemplo, una imagen de 3.000 px de ancho puede tener 900 kb, pero cuando se cambia de tama\u00f1o a 600 px de ancho, solo tiene 60 kb. \u00a1Eso es una reducci\u00f3n de 15 veces en el tama\u00f1o del archivo!<\/p>\n<p>He aqu\u00ed por qu\u00e9 es tan importante.<\/p>\n<p>Las im\u00e1genes de esta publicaci\u00f3n de blog solo se mostrar\u00e1n 600 p\u00edxeles de ancho en su parte m\u00e1s ancha. Ejecutando mi ejemplo, esta imagen cambi\u00f3 de tama\u00f1o a 600px de ancho y solo tiene 60kb.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Si no cambiara el tama\u00f1o de la imagen y usara la versi\u00f3n de 3,000px, todav\u00eda se mostrar\u00eda como 600px de ancho en esta publicaci\u00f3n. La imagen le parecer\u00eda igual, pero tardar\u00eda 15 veces m\u00e1s en cargarse.<\/p>\n<p>En otras palabras, dimensionar sus im\u00e1genes correctamente antes de insertarlas en sus publicaciones puede marcar una gran diferencia en la rapidez con la que se carga su sitio.<\/p>\n<p>Aqu\u00ed est\u00e1 el problema.<\/p>\n<p>Probablemente no sepa exactamente qu\u00e9 tan amplias se muestran sus im\u00e1genes en sus publicaciones. Adem\u00e1s, los dispositivos m\u00f3viles hacen que esto sea m\u00e1s complicado. Cuando se trata del tama\u00f1o de la pantalla, si consideramos todos los diferentes monitores y dispositivos m\u00f3viles, hay literalmente miles de los que se deben tener en cuenta.<\/p>\n<p>Si desea ofrecer im\u00e1genes que tengan el tama\u00f1o perfecto para sus visitantes, <strong>deben tener un tama\u00f1o din\u00e1mico<\/strong>, y es por eso que comenc\u00e9 a usar Optimole.<\/p>\n<p>Optimole <strong>genera autom\u00e1ticamente versiones<\/strong> de sus im\u00e1genes de <strong>tama\u00f1o perfecto<\/strong>. Si alguien visita su sitio y la imagen se mostrar\u00eda a 400 px de ancho, Optimole le da una versi\u00f3n de esa imagen de 400 px de ancho.<\/p>\n<p>Otro visitante podr\u00eda aterrizar en la p\u00e1gina un segundo despu\u00e9s usando una tableta que muestra la imagen a 510 px de ancho y Optimole cargar\u00e1 una copia diferente de la imagen que tiene exactamente 510 px de ancho.<\/p>\n<p>Las ganancias de rendimiento que obtiene de esto son enormes y la mejor parte es que no tiene que hacer nada m\u00e1s que instalar el complemento Optimole. Funciona en el momento en que lo activa sin siquiera tocar ninguna configuraci\u00f3n. \u00a1Es asombroso!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pruebe Optimole en su sitio \u2192<\/a><\/p>\n<p>Hay una forma m\u00e1s de optimizar las im\u00e1genes en su sitio que potencialmente puede marcar una gran diferencia.<\/p>\n<h2>5 Carga perezosa tus im\u00e1genes<\/h2>\n<p>Esta publicaci\u00f3n de blog es muy larga y tiene muchas im\u00e1genes.<\/p>\n<p>Si ha le\u00eddo hasta aqu\u00ed, es probable que haya estado en esta p\u00e1gina durante al menos un minuto. Sabiendo esto, \u00bfqu\u00e9 tan tonto ser\u00eda hacerte cargar todas las im\u00e1genes en toda la publicaci\u00f3n cuando cargaste esta p\u00e1gina por primera vez? A\u00fan no ha llegado a muchas de las im\u00e1genes, por lo que a\u00fan no es necesario cargarlas.<\/p>\n<p>Con la <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">carga diferida<\/a>, solo se <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cargan<\/a> las im\u00e1genes que aparecen en pantalla. Luego, a medida que se desplaza hacia abajo en la p\u00e1gina, las im\u00e1genes restantes se cargan a medida que aparecen en la pantalla.<\/p>\n<p>Hice una visualizaci\u00f3n en este video que ilustra c\u00f3mo funciona esto m\u00e1s claramente de lo que puedo explicar con la escritura:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/suKQowa2JXQ\" frameborder=\"0\"><\/iframe><\/div>\n<p>Ahora que comprende c\u00f3mo funciona la carga diferida, hablemos de la implementaci\u00f3n.<\/p>\n<h3>C\u00f3mo agregar carga diferida<\/h3>\n<p>Agregar carga diferida es realmente f\u00e1cil, por lo que es una t\u00e1ctica imprescindible en mi opini\u00f3n.<\/p>\n<p>Primero, si instal\u00f3 Optimole, autom\u00e1ticamente agrega carga diferida, por lo que ya ha terminado con esta t\u00e1ctica.<\/p>\n<p>En segundo lugar, si no est\u00e1 usando Optimole pero decidi\u00f3 usar WP Rocket, simplemente marque esta casilla aqu\u00ed en la configuraci\u00f3n:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Por \u00faltimo, si no va a utilizar ninguno de esos dos complementos, instale <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>a3 Lazy Load es un gran complemento e incluye muchas opciones de configuraci\u00f3n.<\/p>\n<p>En publicaciones de blog como esta, la carga diferida es muy importante. Es una de mis optimizaciones de rendimiento favoritas.<\/p>\n<p>Las siguientes dos optimizaciones van de la mano y son especialmente importantes para los sitios web de WordPress.<\/p>\n<h2>6 Minifica tus archivos<\/h2>\n<p>Acaba de aprender que comprimir sus im\u00e1genes hace que se carguen m\u00e1s r\u00e1pido porque las im\u00e1genes comprimidas tienen un tama\u00f1o de archivo m\u00e1s peque\u00f1o.<\/p>\n<p>A veces nos referimos al tama\u00f1o del archivo como peso, por lo que comprimir una imagen reduce su peso.<\/p>\n<p>La gran idea es que <strong>reducir el peso de su sitio hace que se cargue m\u00e1s r\u00e1pido<\/strong>. Eso significa que desea reducir el tama\u00f1o de cada archivo que carga su sitio web.<\/p>\n<p>Adem\u00e1s de las im\u00e1genes, su sitio web carga archivos CSS, archivos Javascript y archivos de fuentes, entre otros tipos de archivos. Mantenga ese pensamiento por un momento y hablemos de minificaci\u00f3n.<\/p>\n<p>La minificaci\u00f3n es un t\u00e9rmino de programaci\u00f3n elegante que b\u00e1sicamente significa compresi\u00f3n para archivos basados \u200b\u200ben texto. Comprime im\u00e1genes y minimiza archivos. Para nuestros prop\u00f3sitos, no necesitamos ser m\u00e1s detallados que eso.<\/p>\n<p>Al igual que comprimi\u00f3 sus im\u00e1genes, puede minimizar sus archivos CSS y Javascript (y HTML) para hacerlos m\u00e1s peque\u00f1os y reducir el peso de su p\u00e1gina.<\/p>\n<h3>C\u00f3mo minificar archivos<\/h3>\n<p>Una vez m\u00e1s, agregar minificaci\u00f3n a su sitio es simple.<\/p>\n<p>Con WP Rocket, hay casillas de verificaci\u00f3n para habilitar la minificaci\u00f3n para CSS, JS y HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Minificar sus archivos CSS con WP Rocket es simple<\/p>\n<p>Eso es todo lo que necesitas hacer.<\/p>\n<p>La minimizaci\u00f3n es muy importante para los sitios de WordPress porque es probable que tenga al menos seis complementos y un tema cargando archivos en su sitio. Muchas veces, los desarrolladores no minimizan los archivos por s\u00ed mismos, por lo que WP Rocket se encarga de eso por usted.<\/p>\n<p>Si desea una alternativa gratuita para la <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">minificaci\u00f3n<\/a>, consulte el complemento <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Autoptimize<\/a>.<\/p>\n<h2>7 Concatenar sus archivos<\/h2>\n<p>Concatenar es otro t\u00e9rmino t\u00e9cnico que significa &quot;combinar&quot;.<\/p>\n<p>Cuando concatenas archivos, los combinas.<\/p>\n<p>Una vez m\u00e1s, dado que tiene todos estos complementos en su sitio cargando archivos, es importante usar un complemento como WP Rocket para combinarlos en la menor cantidad de archivos posible. Este es el por qu\u00e9\u2026<\/p>\n<p>Ha aprendido que disminuir el peso de su p\u00e1gina hace que se cargue m\u00e1s r\u00e1pido, pero hay otro factor de rendimiento importante para optimizar: las solicitudes HTTP.<\/p>\n<p>S\u00e9 que esta publicaci\u00f3n se est\u00e1 volviendo bastante t\u00e9cnica, as\u00ed que lo mantendr\u00e9 lo m\u00e1s simple posible.<\/p>\n<p>Cada archivo que carga requiere una solicitud HTTP. Cada imagen, archivo JS, archivo CSS, etc., todos requieren una solicitud HTTP.<\/p>\n<p>Su sitio web tiene un n\u00famero fijo de solicitudes HTTP que puede manejar a la vez, por lo que se produce un efecto de cuello de botella al cargar archivos. Por esta raz\u00f3n, cuantas menos solicitudes HTTP haga su sitio, m\u00e1s r\u00e1pido se cargar\u00e1.<\/p>\n<p>Por ejemplo, si su sitio web tiene 5 archivos CSS de 5 kb de tama\u00f1o, se cargar\u00e1 m\u00e1s r\u00e1pido si los combina en un archivo CSS de 25 kb de tama\u00f1o.<\/p>\n<p>Con la minificaci\u00f3n, reducimos el peso de los archivos de su sitio y luego, con la concatenaci\u00f3n, los combinamos para reducir las solicitudes HTTP.<\/p>\n<h3>C\u00f3mo agregar concatenaci\u00f3n<\/h3>\n<p>Tambi\u00e9n podemos recurrir al complemento WP Rocket para esta optimizaci\u00f3n.<\/p>\n<p>Hay casillas de verificaci\u00f3n para concatenar archivos CSS y archivos JS.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Solo necesita marcar ambas casillas, guardar los cambios y listo.<\/p>\n<p>Estas opciones tambi\u00e9n est\u00e1n disponibles en el complemento Autoptimize.<\/p>\n<p>Este siguiente consejo puede sorprenderte, pero en mi opini\u00f3n, es otra optimizaci\u00f3n imprescindible.<\/p>\n<h2>8 Cargue archivos con un CDN<\/h2>\n<p>Internet es m\u00e1gico.<\/p>\n<p>\u00bfDerecha?<\/p>\n<p>Pero en realidad, no, no lo es.<\/p>\n<p>Es una red de computadoras y las conexiones en esta red son todas, en \u00faltima instancia, f\u00edsicas.<\/p>\n<p>Puede parecer extra\u00f1o pensar en ello, pero la distancia entre el servidor donde se almacena el contenido de su sitio y la ubicaci\u00f3n de un visitante es muy importante.<\/p>\n<p>Si su servidor est\u00e1 en Nueva York y alguien de Tokio visita su sitio web, los archivos tardar\u00e1n m\u00e1s en llegar a ellos que si lo visitara otra persona en Nueva York.<\/p>\n<p>Dije que era extra\u00f1o pensar en \ud83d\ude1c<\/p>\n<p>Entonces, \u00bfqu\u00e9 pasa si tambi\u00e9n almacena una copia de su sitio en un servidor en Tokio? Entonces, \u00bfno se cargar\u00eda m\u00e1s r\u00e1pido para los visitantes de Jap\u00f3n?<\/p>\n<p>\u00a1S\u00ed!<\/p>\n<p>Y eso es exactamente lo que hace una CDN.<\/p>\n<p>CDN significa red de entrega de contenido y es esencialmente una red de servidores que almacenan copias en cach\u00e9 de su sitio web en todo el mundo.<\/p>\n<p>De esta manera, no importa d\u00f3nde se encuentre alguien cuando lo visite, hay un servidor cercano para entregar el contenido de su sitio.<\/p>\n<p>Cuando activa una CDN por primera vez, puede parecer que no est\u00e1 ayudando si vive cerca del servidor de origen de su host. Lo que es m\u00e1s importante es la rapidez con la que se carga el sitio web para el resto del mundo.<\/p>\n<h3>C\u00f3mo agregar una CDN a su sitio<\/h3>\n<p>Hay algunas opciones s\u00f3lidas para agregar una CDN a su sitio.<\/p>\n<p>Primero, si se ha registrado con Kinsta, puede usar su CDN incorporado. Todo lo que tienes que hacer es habilitarlo desde el men\u00fa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Aunque uso Kinsta, uso <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">el CDN de Cloudflare,<\/a> que est\u00e1 disponible en su nivel de precios gratuito. Utilizo la CDN de Cloudflare porque tambi\u00e9n uso su firewall para bloquear una gran cantidad de tr\u00e1fico de bots que estaba recibiendo este sitio.<\/p>\n<p>Configurar Cloudflare es bastante f\u00e1cil y viene con una variedad de otros beneficios. Puede <a href=\"https:\/\/kinsta.com\/knowledgebase\/install-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">seguir los pasos aqu\u00ed<\/a> para usar Cloudflare para su sitio.<\/p>\n<p>Hay otros CDN de pago populares adem\u00e1s de Cloudflare, pero no he probado ninguno de ellos personalmente, por lo que no puedo hacer recomendaciones adicionales.<\/p>\n<p>Solo tengo un potenciador de rendimiento m\u00e1s para ti antes de todos los extras.<\/p>\n<h2>9 Elija un tema r\u00e1pido<\/h2>\n<p>De acuerdo, tengo que admitir que este \u00faltimo consejo es un poco diferente.<\/p>\n<p>Muchos blogueros de WP te dir\u00e1n que elijas un tema que se cargue r\u00e1pido, pero como desarrollador de temas, d\u00e9jame explicarte c\u00f3mo funciona realmente.<\/p>\n<p>Un tema de WordPress no acelerar\u00e1 su sitio. M\u00e1s bien, est\u00e1 buscando uno que no ralentice su sitio. Dicho esto, a menos que el tema est\u00e9 realmente mal hecho, no ralentizar\u00e1 mucho su sitio si est\u00e1 utilizando las t\u00e1cticas que enumer\u00e9 anteriormente. Lo explicar\u00e9.<\/p>\n<p>Con todos <a href=\"https:\/\/www.competethemes.com\/themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mis temas<\/a>, cargo lo m\u00ednimo mientras sigo creando una experiencia de usuario elegante y moderna. Eso significa que los temas solo se cargan:<\/p>\n<ul>\n<li>Un archivo CSS<\/li>\n<li>Un archivo Javascript minificado<\/li>\n<li>Una solicitud de Google Fonts<\/li>\n<li>La fuente del icono Font Awesome (para iconos sociales)<\/li>\n<\/ul>\n<p>Sin hacer sacrificios de dise\u00f1o (como usar una fuente del sistema), eso es lo m\u00ednimo que puede llegar a ser un tema.<\/p>\n<p>No todos los temas est\u00e1n as\u00ed de optimizados, pero no es necesariamente una preocupaci\u00f3n. Eso es porque incluso si su tema no est\u00e1 bien optimizado y carga dos archivos CSS y tres archivos Javascript y ninguno de ellos est\u00e1 minificado, un complemento como WP Rocket los concatenar\u00e1 y minificar\u00e1 por usted, por lo que el resultado final es pr\u00e1cticamente el mismo.<\/p>\n<p>B\u00e1sicamente, es poco probable que su tema ralentice mucho su sitio si utiliza las estrategias de rendimiento enumeradas anteriormente.<\/p>\n<p>Elija un tema de un desarrollador de renombre y el rendimiento del tema no ser\u00e1 un problema.<\/p>\n<h2>Optimizaciones adicionales<\/h2>\n<p>\u00a1Uf!<\/p>\n<p>Esta publicaci\u00f3n ya es mucho m\u00e1s larga de lo que anticip\u00e9, y si lleg\u00f3 hasta aqu\u00ed, espero que est\u00e9 emocionado de aprender a\u00fan m\u00e1s sobre la optimizaci\u00f3n del rendimiento.<\/p>\n<p>En el resto de esta publicaci\u00f3n, cubrir\u00e9 optimizaciones m\u00e1s espec\u00edficas y t\u00e9cnicas. He hecho estos consejos lo m\u00e1s amigables posible para los principiantes. Algunos de ellos son f\u00e1ciles de implementar pero, para ser honesto, algunos son muy avanzados y as\u00ed es como debe ser \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>Use tantos como pueda en su sitio y recuerde, si ha implementado las primeras 9 t\u00e1cticas y est\u00e1 siguiendo <a href=\"https:\/\/webtrainingwheels.com\/7-simple-wordpress-performance-test-best-practices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">las mejores pr\u00e1cticas de rendimiento,<\/a> entonces ya ha obtenido la mayor parte de los resultados.<\/p>\n<h3>10 Aplazar Javascript<\/h3>\n<p>Si usa solo una t\u00e1ctica del resto de esta lista, use esta.<\/p>\n<p>Sin perderse demasiado en los detalles t\u00e9cnicos, el orden en que cargue los archivos en su sitio es muy importante. Este concepto se denomina optimizaci\u00f3n de la ruta de renderizado.<\/p>\n<p>La idea es que el CSS de su sitio debe cargarse primero porque su sitio web ser\u00e1 una pantalla en blanco hasta que eso suceda. En cuanto a los archivos Javascript, probablemente se usen para cosas como an\u00e1lisis que no necesitan cargarse de inmediato.<\/p>\n<p>En lugar de mantener una p\u00e1gina en blanco mientras se carga JS, pospones los archivos JS hasta que se haya cargado todo lo dem\u00e1s en tu sitio. De esta manera, su sitio se carga en la misma cantidad de tiempo, pero se muestra visualmente antes, lo que lo hace aparecer m\u00e1s r\u00e1pido.<\/p>\n<p>El concepto es bastante avanzado, pero una vez m\u00e1s no es tan dif\u00edcil de implementar.<\/p>\n<h4>C\u00f3mo diferir Javascript<\/h4>\n<p>Te va a encantar esto.<\/p>\n<p>Por m\u00e1s avanzada que sea la t\u00e1ctica, todo lo que necesitas hacer es marcar una casilla en la configuraci\u00f3n de WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>A menos que sepa lo que est\u00e1 haciendo, le recomiendo que deje marcada tambi\u00e9n la opci\u00f3n &quot;Modo seguro&quot;.<\/p>\n<p>Tambi\u00e9n hay una forma de optimizar su CSS para la ruta de renderizado.<\/p>\n<h3>11 Optimizar la entrega de CSS<\/h3>\n<p>Al igual que Javascript, CSS bloquea el renderizado, por lo que tambi\u00e9n podemos aplazarlo para un mejor rendimiento.<\/p>\n<p>Ahora s\u00e9 lo que est\u00e1s pensando: \u00bfno aplazamos JS para que se cargue el CSS y ahora tambi\u00e9n aplazamos el CSS?<\/p>\n<p>Esto es lo que est\u00e1 sucediendo &#8230;<\/p>\n<p>Para eliminar el CSS que bloquea el procesamiento, incorporar\u00e1 el CSS cr\u00edtico que se utiliza para dise\u00f1ar las partes de su sitio que se muestran de inmediato. Luego, el resto del CSS de su sitio se carga m\u00e1s tarde. Una vez m\u00e1s, esto significa que su sitio aparece visualmente incluso antes.<\/p>\n<p>Esta es una t\u00e1ctica muy avanzada y ni siquiera me molestar\u00eda si WP Rocket no lo hubiera hecho tan f\u00e1cil.<\/p>\n<h4>C\u00f3mo optimizar la entrega de CSS<\/h4>\n<p>Probablemente te est\u00e9s acostumbrando a esto ahora &#8230;<\/p>\n<p>Todo lo que tiene que hacer para optimizar su entrega de CSS con WP Rocket es marcar esta casilla:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>WP Rocket luego genera el CSS cr\u00edtico necesario para cada p\u00e1gina y lo inserta en el HTML. Luego, el resto del CSS se aplaza.<\/p>\n<p>Nunca intentar\u00eda hacer esto manualmente, por lo que es una optimizaci\u00f3n excelente tener automatizado de esta manera.<\/p>\n<p>A continuaci\u00f3n, tengo dos premios r\u00e1pidos m\u00e1s para acelerar su sitio.<\/p>\n<h3>12 Desactive la compatibilidad con emoji de WordPress<\/h3>\n<p>WordPress agreg\u00f3 compatibilidad con emoji en la versi\u00f3n 4.2.<\/p>\n<p>Para garantizar que los emojis funcionen en su sitio, WordPress carga un peque\u00f1o archivo Javascript en cada p\u00e1gina de su sitio. Aqu\u00ed est\u00e1 la cosa\u2026<\/p>\n<p>En realidad, no necesitamos este archivo para la compatibilidad con emoji porque pr\u00e1cticamente todos los dispositivos ya tienen una fuente de emoji instalada. Elimin\u00e9 la compatibilidad con emojis de este sitio, por ejemplo, pero a\u00fan ves emojis porque tu dispositivo los tiene instalados \ud83d\udc4d<\/p>\n<p>Al eliminar la compatibilidad con emoji, su sitio ya no cargar\u00e1 el archivo Javascript adicional, lo que lo har\u00e1 un poco m\u00e1s r\u00e1pido.<\/p>\n<p>Puede marcar esta casilla en WP Rocket para eliminar la compatibilidad con emoji:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>El complemento <a href=\"https:\/\/wordpress.org\/plugins\/disable-emojis\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disable Emojis<\/a> es una alternativa simple y gratuita.<\/p>\n<h3>13 Deshabilitar las incrustaciones de WordPress<\/h3>\n<p>Cuando pegas un enlace de Twitter en una publicaci\u00f3n, WordPress crear\u00e1 autom\u00e1ticamente un bonito cuadro para insertar.<\/p>\n<p>Eso es genial, pero lo que me molesta es que tambi\u00e9n hace esto al pegar enlaces a sitios de WordPress como este. Nunca uso esta funci\u00f3n, as\u00ed que prefiero desactivarla.<\/p>\n<p>Dado que WordPress carga un archivo Javascript adicional para esta funci\u00f3n de inserci\u00f3n, eliminarlo reduce el peso de su p\u00e1gina y elimina otra solicitud HTTP.<\/p>\n<p>WP Rocket tiene otra casilla de verificaci\u00f3n para agregar f\u00e1cilmente esta optimizaci\u00f3n a su sitio.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Es una peque\u00f1a optimizaci\u00f3n, pero todo ayuda.<\/p>\n<h3>14 Actualice su versi\u00f3n de PHP<\/h3>\n<p>Los lenguajes de codificaci\u00f3n modernos son asombrosamente r\u00e1pidos.<\/p>\n<p>La mayor\u00eda de las t\u00e1cticas de rendimiento no tienen nada que ver con la rapidez con la que se ejecuta el c\u00f3digo de su sitio. M\u00e1s bien, estamos optimizando la velocidad de env\u00edo del contenido de su sitio web al dispositivo del visitante. Esa es la parte que lleva tiempo.<\/p>\n<p>Esta t\u00e1ctica es diferente porque en realidad acelera la rapidez con la que se ejecuta el c\u00f3digo en su sitio.<\/p>\n<p>Las versiones m\u00e1s nuevas de PHP son cada vez m\u00e1s r\u00e1pidas, pero si todav\u00eda usa PHP 5, ver\u00e1 ganancias masivas al cambiar a 7.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Imagen cortes\u00eda de Kinsta<\/p>\n<p>Es importante comprender que duplicar la velocidad del PHP de su sitio no har\u00e1 que su sitio se cargue dos veces m\u00e1s r\u00e1pido. Solo hace que el c\u00f3digo PHP se ejecute dos veces m\u00e1s r\u00e1pido, lo que probablemente sea una peque\u00f1a parte del tiempo de carga de su sitio.<\/p>\n<p>Dicho esto, es potencialmente una ganancia de rendimiento muy f\u00e1cil y tambi\u00e9n es mejor para la seguridad y la compatibilidad de complementos.<\/p>\n<h4>C\u00f3mo actualizar su versi\u00f3n de PHP<\/h4>\n<p>Aqu\u00ed hay algo que he aprendido a lo largo de los a\u00f1os.<\/p>\n<p>Las empresas de alojamiento de menor calidad utilizan versiones obsoletas de PHP y las mejores empresas de alojamiento se mantienen actualizadas con las versiones de PHP.<\/p>\n<p>La actualizaci\u00f3n a la versi\u00f3n m\u00e1s reciente de PHP acelerar\u00e1 su sitio y, dependiendo de su host, deber\u00eda ser muy f\u00e1cil de hacer.<\/p>\n<p>Por ejemplo, Kinsta tiene una opci\u00f3n en el tablero que puede usar para cambiar su versi\u00f3n de PHP con un solo clic.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Su host controla la versi\u00f3n de PHP que ejecuta su sitio y lo f\u00e1cil que es actualizarlo. Verifique su panel de control y deber\u00eda encontrar una opci\u00f3n all\u00ed para actualizar.<\/p>\n<h3>15 Reducir los complementos<\/h3>\n<p>\u00bfLos complementos ralentizan su sitio?<\/p>\n<p>Algo as\u00ed como. Es complicado. Te dar\u00e9 algunos ejemplos.<\/p>\n<p>Utilizo el complemento MonsertInsights para <a href=\"https:\/\/themewp.inform.click\/kak-dobavit-google-analytics-v-wordpress\/\" title=\"agregar Google Analytics\">agregar Google Analytics<\/a> a mi sitio. Google Analytics carga dos archivos Javascript en cada p\u00e1gina de mi sitio, por lo que lo ralentiza (m\u00e1s peso y dos solicitudes HTTP).<\/p>\n<p>Utilizo el complemento WPForms para todos mis formularios de contacto. WPForms carga un archivo CSS y, seg\u00fan las funciones que est\u00e9 utilizando, tambi\u00e9n algunos archivos JS. Sin embargo, solo carga estos archivos en p\u00e1ginas que tienen formularios de contacto. Esto significa que no tiene ning\u00fan impacto en el rendimiento de mi sitio, excepto en la p\u00e1gina de contacto.<\/p>\n<p>Por \u00faltimo, utilizo un complemento llamado Format Media Titles para agregar autom\u00e1ticamente t\u00edtulos a mis im\u00e1genes seg\u00fan el nombre del archivo. Este complemento ejecuta un poco de PHP en el panel de administraci\u00f3n cuando subo im\u00e1genes y no tiene ning\u00fan impacto en el rendimiento de mi sitio.<\/p>\n<p>Ahora puede ver por qu\u00e9 decir &quot;los complementos ralentizan su sitio&quot; no es cierto. Lo hacen, no lo hacen, lo hacen bajo ciertas condiciones, etc. \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>El \u00fanico complemento de mis ejemplos que puedo decir que ralentiza mi sitio es MonsterInsights, pero necesito mis an\u00e1lisis, as\u00ed que estoy de acuerdo con intercambiar una peque\u00f1a cantidad de tiempo de carga adicional para esta funci\u00f3n.<\/p>\n<p><strong>Como regla general, si el complemento cambia algo en el front-end de su sitio, afectar\u00e1 el rendimiento.<\/strong> Por el contrario, si el complemento solo afecta al panel de administraci\u00f3n, probablemente no ralentizar\u00e1 su sitio.<\/p>\n<p>El &quot;front-end&quot; de su sitio es lo que ven los visitantes. El &quot;back-end&quot; es su panel de administraci\u00f3n.<\/p>\n<p>Eche un vistazo a su men\u00fa de complementos y seleccione los complementos que realizan cambios en la parte frontal de su sitio. Si encuentra alguno que est\u00e1 activo pero no lo est\u00e1 utilizando, es probable que est\u00e9 ralentizando su sitio, as\u00ed que desact\u00edvelo.<\/p>\n<h3>16 Usar im\u00e1genes webP<\/h3>\n<p>Estoy seguro de que est\u00e1 familiarizado con formatos de imagen como JPG y PNG.<\/p>\n<p>Bueno, Google <a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">lanz\u00f3 un nuevo formato de imagen<\/a> llamado webP que ha sido dise\u00f1ado para un rendimiento \u00f3ptimo. Cuando usa el formato webP, la imagen se ve id\u00e9ntica pero se carga m\u00e1s r\u00e1pido.<\/p>\n<p>Suena muy bien al principio, pero aqu\u00ed es donde se complica.<\/p>\n<p>No todos los navegadores <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">admiten im\u00e1genes webP<\/a> todav\u00eda. Eso significa que si us\u00f3 webP para todas sus im\u00e1genes, es posible que no aparezcan en navegadores como Safari. Por ahora, debe servir im\u00e1genes webP y tambi\u00e9n tener una versi\u00f3n de respaldo JPG o PNG de cada imagen.<\/p>\n<p>Obviamente, parece m\u00e1s trabajo de lo que vale, pero una vez m\u00e1s, hay una soluci\u00f3n muy simple.<\/p>\n<h4>C\u00f3mo usar im\u00e1genes webP<\/h4>\n<p>Si usa el complemento Optimole, se gestionar\u00e1 completamente por usted.<\/p>\n<p>De hecho, ni siquiera hay un escenario para esto.<\/p>\n<p>Optimole crea autom\u00e1ticamente versiones webP de sus im\u00e1genes y las env\u00eda a los visitantes si su navegador lo admite. Se carga un peque\u00f1o archivo Javascript con un polyfill para servir versiones JPG \/ PNG de las im\u00e1genes cuando el navegador del visitante no es compatible con webP.<\/p>\n<h3>17 Utilizar la captaci\u00f3n previa de DNS<\/h3>\n<p>La captaci\u00f3n previa de DNS es genial.<\/p>\n<p>La mayor\u00eda de los archivos de su sitio se cargar\u00e1n desde su dominio. Por ejemplo, el archivo CSS de su tema que dise\u00f1a su sitio web est\u00e1 alojado en su sitio web.<\/p>\n<p>Si utiliza Google Analytics, su sitio web cargar\u00e1 los archivos Javascript necesarios de los servidores de Google en lugar de los suyos. Esto lleva m\u00e1s tiempo que cargar archivos alojados en su dominio.<\/p>\n<p>B\u00e1sicamente, cuando utiliza la captaci\u00f3n previa de DNS, su sitio web comienza el proceso de carga de los archivos externos antes. De hecho, cuando alguien escribe su dominio en su barra de direcciones, la captaci\u00f3n previa de DNS comienza el trabajo de preparar los archivos externos incluso antes de visitar su sitio web.<\/p>\n<p>Los detalles son bastante t\u00e9cnicos, pero esa es la idea detr\u00e1s de esta t\u00e1ctica.<\/p>\n<h4>C\u00f3mo utilizar la captaci\u00f3n previa de DNS<\/h4>\n<p>Hay una opci\u00f3n simple proporcionada por WP Rocket para la obtenci\u00f3n previa.<\/p>\n<p>En el men\u00fa Precarga, puede ingresar URL para todos los archivos externos que carga su sitio web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Es probable que su sitio utilice Google Fonts, por lo que agregar &quot;\/\/fonts.googleapis.com&quot; habilitar\u00eda la b\u00fasqueda previa para ese nombre de dominio.<\/p>\n<h3>18 L\u00edmite de publicaciones por p\u00e1gina<\/h3>\n<p>Si tiene un blog activo, su p\u00e1gina principal de publicaciones es la p\u00e1gina m\u00e1s importante de su sitio. Tambi\u00e9n puede ser uno de los m\u00e1s lentos.<\/p>\n<p>He visto blogueros que muestran cada una de sus publicaciones en su p\u00e1gina de inicio. Cuando visita, el indicador de carga gira y gira y la p\u00e1gina nunca se carga por completo. Es una experiencia de usuario terrible y, lo que es peor, les est\u00e1 costando una enorme cantidad de ancho de banda.<\/p>\n<p>En alg\u00fan momento, la gran cantidad de HTML necesario para las publicaciones se convierte en un problema, pero el problema principal son todas las im\u00e1genes. Por eso es tan importante que agregue la carga diferida a su sitio.<\/p>\n<p>Adem\u00e1s, debe establecer un l\u00edmite razonable para la cantidad de publicaciones que muestra en cada p\u00e1gina de su blog.<\/p>\n<h4>C\u00f3mo limitar sus publicaciones por p\u00e1gina<\/h4>\n<p>WordPress tiene una opci\u00f3n incorporada para controlar sus publicaciones por p\u00e1gina en el men\u00fa Configuraci\u00f3n de lectura.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Siempre que tenga habilitada la carga diferida, puede mostrar de 10 a 30 publicaciones por p\u00e1gina sin problemas. Dicho esto, 10 es probablemente el n\u00famero promedio que usan los bloggers y no ir\u00eda m\u00e1s all\u00e1 de 10 sin usar la carga diferida.<\/p>\n<h3>19 Combinar solicitudes de fuentes de Google<\/h3>\n<p>Estoy 100% seguro de que tu tema carga las fuentes de Google.<\/p>\n<p>Si es un tema bien codificado, solo deber\u00eda haber una solicitud de Google Fonts, por lo que no hay problemas.<\/p>\n<p>Sin embargo, existe la posibilidad de que los complementos de su sitio tambi\u00e9n est\u00e9n cargando fuentes de Google, o que usted mismo haya agregado m\u00e1s fuentes. Si este es el caso, su sitio est\u00e1 realizando m\u00faltiples solicitudes de Google Fonts, lo que significa m\u00faltiples solicitudes HTTP. Recuerde, cuantas menos solicitudes HTTP, mejor.<\/p>\n<h4>C\u00f3mo combinar la solicitud de Google Fonts<\/h4>\n<p>Probablemente ya est\u00e9s acostumbrado a esto &#8230;<\/p>\n<p>Para combinar las solicitudes de Google Fonts en su sitio con WP Rocket, marque esta casilla:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Si no est\u00e1 seguro de si su sitio est\u00e1 realizando varias solicitudes de Google Fonts, no hay nada de malo en usar esta opci\u00f3n, por lo que le recomiendo que siempre la active.<\/p>\n<h3>20 Optimizar las solicitudes de Gravatar<\/h3>\n<p>Cuando las personas dejan comentarios en su sitio, sus avatares aparecen autom\u00e1ticamente. Eso es porque WordPress se integra con Gravatar para obtener los avatares.<\/p>\n<p><a href=\"https:\/\/gravatar.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gravatar<\/a> es un servicio gratuito y todo lo que hace es asociar un avatar con una direcci\u00f3n de correo electr\u00f3nico. Si crea una cuenta y agrega un avatar, ver\u00e1 que aparece en su sitio y en toda la web autom\u00e1ticamente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Aqu\u00ed est\u00e1 el problema.<\/p>\n<p>Cada una de esas im\u00e1genes realiza otra solicitud externa a los servidores de Gravatar. Eso significa que si obtiene 10 comentarios en una publicaci\u00f3n, su sitio web realizar\u00e1 hasta 10 solicitudes HTTP externas, \u00a1eso es mucho!<\/p>\n<p>Hay tres formas de optimizar Gravatar para que no ralentice su sitio.<\/p>\n<h4>C\u00f3mo optimizar los avatares de Gravatar<\/h4>\n<p>La primera opci\u00f3n es muy simple: carga diferida de im\u00e1genes de Gravatar.<\/p>\n<p>Desafortunadamente, la carga diferida de Optimole no funciona con im\u00e1genes de Gravatar. Para cargar im\u00e1genes de Gravatar de forma diferida, puede utilizar el complemento gratuito <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p>Alternativamente, puede desactivar Gravatar por completo. En la configuraci\u00f3n de Discusi\u00f3n, desactive los avatares con esta opci\u00f3n:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Como implica la configuraci\u00f3n, esto deshabilita los avatares en los comentarios por completo. Si a\u00fan desea que aparezcan los avatares predeterminados, puede instalar el complemento <a href=\"https:\/\/wordpress.org\/plugins\/disable-user-gravatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disable User Gravatar en su<\/a> lugar.<\/p>\n<p>Si los comentaristas tienen sus propias cuentas en su sitio, puede usar el complemento <a href=\"https:\/\/wordpress.org\/plugins\/wp-user-avatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP User Avatar<\/a> para permitirles cargar sus propios avatares.<\/p>\n<p>La tercera opci\u00f3n es almacenar en cach\u00e9 las im\u00e1genes de Gravatar con un complemento como <a href=\"https:\/\/wordpress.org\/plugins\/fv-gravatar-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">FV Gravatar Cache<\/a>, pero este complemento ha recibido cr\u00edticas de usuarios mixtas.<\/p>\n<p>Si bien esas tres opciones son viables, esta pr\u00f3xima optimizaci\u00f3n del rendimiento es un cuarto enfoque y la soluci\u00f3n que utilizo para este sitio web.<\/p>\n<p>Esta es una optimizaci\u00f3n de rendimiento realmente genial que reci\u00e9n comenc\u00e9 a usar.<\/p>\n<p>Los comentarios en su sitio no aparecen hasta despu\u00e9s de todo el contenido de la publicaci\u00f3n, entonces, \u00bfpor qu\u00e9 cargarlos de inmediato?<\/p>\n<p>Dado que Optimole no funcionaba para cargar im\u00e1genes de Gravatar de forma diferida, instal\u00e9 el complemento <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lazy Load for Comments<\/a> para cargar de forma diferida toda la secci\u00f3n de comentarios. \u00a1Problema resuelto!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Ahora, cuando alguien visita una publicaci\u00f3n, ninguno de los comentarios o im\u00e1genes de Gravatar se carga hasta que se desplaza hacia abajo hasta la secci\u00f3n de comentarios. Esto elimina todas las solicitudes HTTP de Gravatar hasta mucho despu\u00e9s de la carga inicial.<\/p>\n<p>Mientras hablamos de carga diferida, sigamos con una implementaci\u00f3n m\u00e1s.<\/p>\n<h3>22 Carga diferida de todos los videos<\/h3>\n<p>\u00bfIncrustan videos de Youtube en sus publicaciones?<\/p>\n<p>La carga de videos puede suponer un gran lastre para el rendimiento, especialmente si tiene m\u00e1s de uno en la p\u00e1gina.<\/p>\n<p>Puede cargar de forma diferida sus videos (e iframes) como im\u00e1genes.<\/p>\n<h4>C\u00f3mo cargar videos de forma diferida<\/h4>\n<p>Utilizo la funci\u00f3n de carga diferida de Optimole para im\u00e1genes, pero WP Rocket tiene una opci\u00f3n espec\u00edficamente para iframes y videos que puede habilitar de esta manera:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Tambi\u00e9n hay una opci\u00f3n para cargar una miniatura en lugar del video, pero personalmente no me gusta esta opci\u00f3n porque hace que los visitantes hagan clic en el video dos veces, lo que me resulta molesto.<\/p>\n<h3>23 Reducir redireccionamientos<\/h3>\n<p>Si visita este sitio web utilizando &quot;http&quot;, lo redireccionar\u00e1 a la versi\u00f3n &quot;https&quot; en su lugar.<\/p>\n<p>Adem\u00e1s, si visita sin &quot;www&quot;, se le redirigir\u00e1 a la versi\u00f3n con &quot;www&quot;.<\/p>\n<p>Ambos redireccionamientos son muy r\u00e1pidos, pero a\u00fan llevan tiempo y, en lo que respecta al rendimiento, cada fracci\u00f3n de segundo cuenta.<\/p>\n<p>Al vincular a su propio sitio web, ya sea internamente o desde otro sitio web, aseg\u00farese de utilizar siempre la URL final a la que llegan los visitantes. Siempre uso &quot; <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.competethemes.com\/<\/a> &quot; para que no haya redirecciones.<\/p>\n<p>Al vincular siempre a la versi\u00f3n correcta de su URL, evita enviar visitantes a trav\u00e9s de redireccionamientos que hacen que su sitio parezca m\u00e1s lento.<\/p>\n<h3>24 Alojar Google Analytics localmente<\/h3>\n<p>He mencionado Google Analytics varias veces hasta ahora porque es una p\u00e9rdida de rendimiento inevitable.<\/p>\n<p>Una de las razones por las que ralentiza tu sitio es que tienes que cargar los archivos desde un servidor externo (Google) que requiere m\u00e1s pasos que cargar un archivo desde tu servidor.<\/p>\n<p>Al alojar los archivos de Google Analytics localmente, puede cargarlos un poco m\u00e1s r\u00e1pido.<\/p>\n<h4>C\u00f3mo cargar Google Analytics localmente<\/h4>\n<p>Una vez m\u00e1s, el complemento WP Rocket ha hecho que esto sea incre\u00edblemente f\u00e1cil y confiable.<\/p>\n<p>En el men\u00fa Complementos, hay una opci\u00f3n simple que puede habilitar para alojar Google Analytics localmente en lugar de cargarlo desde sus servidores.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Esta opci\u00f3n funciona con la mayor\u00eda de los complementos utilizados para agregar Google Analytics, incluido MonsterInsights.<\/p>\n<p>Una excelente alternativa gratuita es el <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complemento CAOS<\/a>.<\/p>\n<h3>25 Utilice menos fuentes<\/h3>\n<p>Ya ha optimizado su JS y CSS, as\u00ed que tomemos en serio la optimizaci\u00f3n de fuentes tambi\u00e9n.<\/p>\n<p>Cuando se trata de rendimiento, las fuentes son caras.<\/p>\n<p>Si lees mi publicaci\u00f3n sobre <a href=\"https:\/\/themewp.inform.click\/9-prostyh-pravil-dizajna-kotorye-sdelajut-vash-sajt-krasivee\/\" title=\"c\u00f3mo hacer que tu sitio sea m\u00e1s hermoso\">c\u00f3mo hacer que tu sitio sea m\u00e1s hermoso<\/a>, entonces sabr\u00e1s que abogo por usar una o dos fuentes como m\u00e1ximo. Adem\u00e1s de ser una buena regla de dise\u00f1o, tambi\u00e9n es una buena regla de rendimiento.<\/p>\n<p>Cada fuente que carga tiene un impacto en el rendimiento de su sitio, por lo que cuanto menos use, mejor.<\/p>\n<p>Ahora vamos a ser un poco m\u00e1s detallados.<\/p>\n<h3>26 Utilice menos pesos de fuente<\/h3>\n<p>Cada peso de fuente multiplica el costo de rendimiento de su elecci\u00f3n de fuente.<\/p>\n<p>Por ejemplo, si usa la fuente Roboto, cargar\u00e1 el peso predeterminado. Si tambi\u00e9n lo desea en cursiva y negrita, esos son conjuntos de caracteres completamente diferentes y significa que ahora est\u00e1 cargando tres archivos de fuentes, todos aproximadamente del mismo tama\u00f1o.<\/p>\n<p>Si tambi\u00e9n est\u00e1 utilizando la fuente Playfair Display y carga una versi\u00f3n en negrita y cursiva, ahora est\u00e1 cargando seis archivos de fuentes que tendr\u00e1n un gran impacto en la velocidad de su sitio.<\/p>\n<p>Su sitio puede verse genial y ser vers\u00e1til con una sola fuente cargada en un estilo predeterminado, en cursiva y negrita. Si desea absolutamente otra fuente, \u00fasela para los t\u00edtulos para que no tenga que tener varios pesos o cursiva.<\/p>\n<h3>27 Cargue solo el juego de caracteres de su idioma<\/h3>\n<p>Acaba de aprender que cargar una fuente en diferentes pesos multiplica la cantidad de archivos que su sitio necesita cargar.<\/p>\n<p>Siguiendo ese mismo hilo, cuantos m\u00e1s caracteres haya en la fuente, m\u00e1s grande ser\u00e1 el archivo. El punto es que solo desea cargar los caracteres que necesita.<\/p>\n<p>Aseg\u00farese de que solo est\u00e1 cargando fuentes de Google en el idioma que usa. Para los usuarios de ingl\u00e9s, solo necesita el juego de caracteres latinos y no el latino extendido, que a menudo se carga de forma predeterminada.<\/p>\n<p>Dependiendo de c\u00f3mo agregue Google Fonts a su sitio, es posible que tenga o no la capacidad de cambiar esto, as\u00ed que consulte las opciones de tema o complemento disponibles.<\/p>\n<h3>28 Desactivar las funciones OpenType en Adobe Fonts<\/h3>\n<p>Si usa Adobe Fonts (anteriormente TypeKit) para sus fuentes, probablemente tenga acceso a algunas funciones de OpenType.<\/p>\n<p>Si bien las caracter\u00edsticas de OpenType son incre\u00edbles para agregar hermosas fracciones, versalitas y muchas otras caracter\u00edsticas tipogr\u00e1ficas, lo m\u00e1s probable es que no las necesite.<\/p>\n<p>Dado que OpenType incluye muchos glifos de caracteres nuevos, hace que los archivos de fuentes sean m\u00e1s grandes, lo que se traduce en tiempos de carga m\u00e1s prolongados.<\/p>\n<p>Al editar su proyecto, desactive las funciones OpenType aqu\u00ed:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Como puede ver en mi ejemplo, solo estoy cargando los tres pesos de fuente que necesito y el subconjunto en ingl\u00e9s como se explic\u00f3 en las t\u00e1cticas anteriores.<\/p>\n<h3>29 Reemplazar Font Awesome con Fontello<\/h3>\n<p>Esta t\u00e1ctica es muy t\u00e9cnica, pero como me ayud\u00f3, la incluyo para todos los que lean y se sientan c\u00f3modos escribiendo c\u00f3digo.<\/p>\n<p>Si utiliza Font Awesome u otra fuente de iconos para su sitio, es probable que est\u00e9 cargando toda la fuente, es decir, que est\u00e9 cargando cientos de iconos. Lo m\u00e1s probable es que solo est\u00e9 usando unos pocos \u00edconos en su sitio.<\/p>\n<p>Con Fontello, puede crear su propio paquete de fuentes de iconos utilizando solo los iconos de Font Awesome que est\u00e1 usando en realidad.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Como solo estoy usando 26 \u00edconos diferentes en este sitio, pude reducir enormemente el tama\u00f1o del archivo de fuente y su hoja de estilo (aproximadamente 100 kb).<\/p>\n<p>Si tiene control t\u00e9cnico total sobre su sitio, eliminar Font Awesome y reemplazarlo con un paquete de fuentes web personalizado de Fontello es una excelente manera de mejorar a\u00fan m\u00e1s el rendimiento de su sitio.<\/p>\n<h2>Otras optimizaciones<\/h2>\n<p>Veo otros sitios web recomendando los siguientes consejos todo el tiempo, pero aqu\u00ed est\u00e1 la cuesti\u00f3n &#8230;<\/p>\n<p>Estas t\u00e1cticas finales no har\u00e1n que su sitio se cargue m\u00e1s r\u00e1pido. Optimizar\u00e1n el rendimiento de su sitio web, pero no exactamente en formas que lo aceleren.<\/p>\n<p>Reducir\u00e1 la cantidad de espacio en disco que usa su sitio, potencialmente har\u00e1 que su sitio sea m\u00e1s seguro e incluso reducir\u00e1 el ancho de banda que usa. Eso es suficiente para que estas t\u00e1cticas valgan la pena a mis ojos, y es por eso que las he incluido al final de esta publicaci\u00f3n.<\/p>\n<p>Aqu\u00ed est\u00e1n las \u00faltimas 7 t\u00e1cticas.<\/p>\n<h3>30 Desactivar pingbacks y trackbacks<\/h3>\n<p>Ya nadie usa pingbacks o trackbacks por razones leg\u00edtimas.<\/p>\n<p>Antes de las redes sociales, cuando la gente publicaba blogs personales, los pingbacks eran como @ -ing a alguien. En otras palabras, te avisar\u00edan cuando otro bloguero hiciera referencia a tu sitio.<\/p>\n<p>Hoy en d\u00eda, se utilizan m\u00e1s o menos exclusivamente para el spam y la explotaci\u00f3n de vulnerabilidades de seguridad (como DDoSing). Es mejor simplemente deshabilitarlos con estas dos opciones en la configuraci\u00f3n de Discusi\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>No se necesitan complementos.<\/p>\n<h3>31 Reducir la velocidad de la API Heartbeat<\/h3>\n<p>La API Heartbeat se ejecuta en WordPress para mantener ciertas funciones ejecut\u00e1ndose en su navegador. Por ejemplo, WordPress guarda autom\u00e1ticamente sus publicaciones mientras trabaja en ellas para evitar que pierda su contenido en caso de error o error.<\/p>\n<p>Esta API normalmente se ejecuta una vez por minuto y es posible que le ralentice un poco mientras trabaja en una publicaci\u00f3n o usa otras funciones en su administrador.<\/p>\n<p>Si bien no es un gran problema para la mayor\u00eda de las personas, tambi\u00e9n puede ralentizarlo con esta configuraci\u00f3n en el complemento WP Rocket:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Reducir la actividad simplemente le dice a la API Heartbeat que se ejecute una vez cada dos minutos en lugar de cada minuto.<\/p>\n<h3>32 Deshabilitar hotlinking<\/h3>\n<p>Hotlinking es cuando alguien muestra una imagen en su sitio web, pero usa una URL de imagen de su sitio para mostrar la imagen. Lo que sucede entonces es que cada vez que alguien visita su sitio, la imagen se solicita a su servidor en lugar de al de ellos.<\/p>\n<p>La conclusi\u00f3n es que, cuando alguien enlaza una de tus im\u00e1genes, pagas por el ancho de banda y no obtienes ning\u00fan beneficio. Es robar.<\/p>\n<p>Cloudflare incluye su servicio ScrapeShield en el nivel gratuito que tiene una opci\u00f3n para evitar que las personas pongan un enlace directo a sus im\u00e1genes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>\u00bfNo te encantan todas estas sencillas opciones de habilitar con un clic?<\/p>\n<p>Encend\u00ed esto recientemente y me ahorr\u00f3 una tonelada de ancho de banda. Supongo que los enlaces directos comenzaron a sumarse para mi dominio a lo largo de los a\u00f1os, y esta opci\u00f3n anul\u00f3 instant\u00e1neamente estas solicitudes.<\/p>\n<h3>33 Optimiza tu base de datos<\/h3>\n<p>La limpieza de su base de datos probablemente no har\u00e1 que su sitio sea m\u00e1s r\u00e1pido, pero reducir\u00e1 la cantidad de espacio en disco que usa.<\/p>\n<p>Si tiene mucha hinchaz\u00f3n en su base de datos, es m\u00e1s probable que esto ralentice su panel de administraci\u00f3n que el front-end de su sitio. Por ejemplo, si tiene decenas de miles de comentarios de spam, es posible que el men\u00fa Comentarios tarde m\u00e1s en cargar debido al gran volumen de datos.<\/p>\n<p>Hay muchos complementos disponibles para optimizar su base de datos, pero esto es algo que tambi\u00e9n hago con WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>El men\u00fa Base de datos en la configuraci\u00f3n de WP Rocket incluye opciones para eliminar autom\u00e1ticamente los comentarios de spam y otros datos in\u00fatiles de su base de datos.<\/p>\n<p>A\u00fan mejor, puede programar esta automatizaci\u00f3n para que se ejecute todos los d\u00edas, semanas o meses.<\/p>\n<h3>34 Deshabilitar o limitar las revisiones de publicaciones<\/h3>\n<p>Acaba de enterarse de que WordPress utiliza la API Heartbeat para guardar borradores de sus publicaciones de forma rutinaria. Bueno, WordPress tambi\u00e9n guarda revisiones que puede restaurar m\u00e1s tarde si es necesario.<\/p>\n<p>El problema de almacenar toneladas de revisiones es que ocupan espacio en su base de datos. Una publicaci\u00f3n con 19 revisiones es como almacenar 20 publicaciones en su base de datos. Si bien puede <a href=\"https:\/\/wordpress.org\/plugins\/disable-post-revision\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">deshabilitar las revisiones con un complemento<\/a> o <a href=\"https:\/\/wordpress.org\/plugins\/wp-revisions-control\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">limitarlas<\/a>, tambi\u00e9n puede simplemente eliminarlas.<\/p>\n<p>El men\u00fa Base de datos en WP Rocket incluye una opci\u00f3n para eliminar las revisiones de publicaciones.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Puede ejecutar esta opci\u00f3n manualmente o programarla.<\/p>\n<p>Y solo un aviso, siempre debe hacer una <a href=\"https:\/\/themewp.inform.click\/kak-sdelat-rezervnuju-kopiju-vashego-sajta-wordpress-i-zachem-vam-jeto-nuzhno\/\" title=\"copia de seguridad de su sitio\">copia de seguridad de su sitio<\/a> antes de ejecutar cualquier optimizaci\u00f3n de la base de datos.<\/p>\n<p>Tengo programado WP Rocket para ejecutar esta optimizaci\u00f3n todos los d\u00edas porque Kinsta tambi\u00e9n hace una copia de seguridad de mi sitio a diario.<\/p>\n<h3>35 Eliminar cadenas de consulta<\/h3>\n<p>Hay mucho que explicar aqu\u00ed, pero como no acelerar\u00e1 su sitio, ir\u00e9 directamente al fondo.<\/p>\n<p>Las cadenas de consulta en las URL de archivos pueden potencialmente evitar que se almacenen en cach\u00e9. Con la mayor\u00eda de los complementos de almacenamiento en cach\u00e9, como WP Rocket, este no es el caso, por lo que la presencia de cadenas de consulta no es un problema.<\/p>\n<p>Adem\u00e1s, las cadenas de consulta a menudo no deben eliminarse porque son necesarias para que los complementos funcionen correctamente.<\/p>\n<p>Simplemente active esta opci\u00f3n en WP Rocket y termine con ella:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" alt=\"Las 36 formas de acelerar su sitio de WordPress\"><\/a><\/p>\n<p>Han optimizado esta funci\u00f3n para que no rompa las cosas en su sitio y no ver\u00e1 advertencias de GTMetrix y otras herramientas de auditor\u00eda de rendimiento que necesita para eliminar las cadenas de consulta de los recursos est\u00e1ticos.<\/p>\n<h3>36 Eliminar complementos inactivos<\/h3>\n<p>Cuando desactivas un complemento, simplemente lo desactivas. Puede reactivarlo y se restaurar\u00e1 su configuraci\u00f3n anterior.<\/p>\n<p>Sin embargo, si elimina un complemento, esto normalmente elimina la configuraci\u00f3n y los datos creados por el complemento. Esto se debe a que la mayor\u00eda de los complementos tienen un proceso de limpieza que se ejecutan cuando se eliminan para no dejar un desastre en su base de datos.<\/p>\n<p>Si tiene complementos inactivos que a\u00fan no ha eliminado, eliminarlos puede ayudar a optimizar su base de datos. Adem\u00e1s, es solo una buena pr\u00e1ctica en general \ud83d\ude42<\/p>\n<h2>Disfrute de su sitio web m\u00e1s r\u00e1pido<\/h2>\n<p>Con m\u00e1s de 7.000 palabras, esta es oficialmente la publicaci\u00f3n de blog m\u00e1s larga que he escrito. \u00a1Quer\u00eda incluirlo todo!<\/p>\n<p>Solo hay una cosa m\u00e1s que tengo que decirte &#8230;<\/p>\n<p>En lo que respecta a la optimizaci\u00f3n del rendimiento, su trabajo nunca est\u00e1 realmente terminado. Una vez que haya implementado las t\u00e1cticas que desea probar en su sitio, aseg\u00farese de volver aqu\u00ed una o dos veces al a\u00f1o para revisar la lista nuevamente y volver a optimizar su sitio.<\/p>\n<p>Me parece que necesito volver a optimizar mi sitio al menos una vez al a\u00f1o para mantenerlo en plena forma.<\/p>\n<p>Tambi\u00e9n puede encontrar que la primera vez que usa esta lista, algunas de las t\u00e1cticas eran demasiado t\u00e9cnicas para comprenderlas. A medida que se convierta en un profesional de WordPress, es posible que vuelva a encontrar estas t\u00e1cticas mucho m\u00e1s sencillas de aplicar.<\/p>\n<p>Si tiene alguna pregunta, dejar\u00e9 abierta la secci\u00f3n de comentarios, \u00a1as\u00ed que publique a continuaci\u00f3n!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todos los m\u00e9todos de optimizaci\u00f3n del rendimiento para WordPress se explican claramente y se enumeran aqu\u00ed para que finalmente pueda acelerar su sitio web.<\/p>\n","protected":false},"author":1,"featured_media":263246,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[579],"tags":[849],"class_list":["post-241050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acelerar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/241050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=241050"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/241050\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/263246"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=241050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=241050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=241050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}