{"id":11094,"date":"2020-07-16T17:53:05","date_gmt":"2020-07-16T15:53:05","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=11094"},"modified":"2023-12-20T10:46:03","modified_gmt":"2023-12-20T09:46:03","slug":"optimizar-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/optimizar-wordpress","title":{"rendered":"La mejor gu\u00eda para optimizar WordPress en 2024"},"content":{"rendered":"<p>Mantener un sitio web exitoso requiere que los desarrolladores se mantengan unos pasos por delante de sus competidores. Una forma de hacerlo es optimizar tu sitio web WordPress para obtener un alto rendimiento. Esto significa tiempos de respuesta r&aacute;pidos para los usuarios, independientemente de d&oacute;nde se encuentren.<\/p><p>Afortunadamente, si est&aacute;s ejecutando un sitio web de WordPress, hay algunas maneras de mejorar su rendimiento de una manera relativamente f&aacute;cil. En esta gu&iacute;a, brindamos algunos consejos generales para mantener tus sitios de WordPress funcionando sin problemas.<\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-el-rendimiento-de-tu-sitio-web-es-mas-importante-que-nunca-hoy\">Por qu&eacute; el rendimiento de tu sitio web es m&aacute;s importante que nunca hoy<\/h2><p>Parad&oacute;jicamente, los usuarios de la web est&aacute;n cada vez m&aacute;s impacientes a medida que Internet se vuelve m&aacute;s r&aacute;pido. Cuando se trata de retener nuevos visitantes, cada milisegundo cuenta, por lo que debes asegurarte de que cada aspecto de tu sitio web responda inmediatamente a las solicitudes de los usuarios. Es posible que hayas escuchado algunas de estas estad&iacute;sticas de rendimiento web antes, pero vale la pena reiterarlas:<\/p><ul class=\"wp-block-list\">\n<li>Un solo segundo de retraso en el tiempo de respuesta de la p&aacute;gina puede causar una ca&iacute;da del 7 por ciento en las conversiones.<\/li>\n\n\n\n<li>M&aacute;s de la mitad de los sitios web m&oacute;viles se abandonan despu&eacute;s de solo tres segundos.<\/li>\n\n\n\n<li>BBC inform&oacute; recientemente que estaba perdiendo el 10 por ciento de los visitantes por cada segundo que su p&aacute;gina de inicio tardaba en cargar.<\/li>\n\n\n\n<li>AliExpress experiment&oacute; un aumento del 10,5 por ciento en los pedidos y un aumento del 27 por ciento en las conversiones despu&eacute;s de reducir el tiempo de carga de su p&aacute;gina de inicio en un 36 por ciento.<\/li>\n<\/ul><p>Antes de comenzar cualquier esfuerzo de optimizaci&oacute;n, debes tomar tantas medidas como sea posible para poder cuantificar tu progreso. Ahora, exploremos algunas formas generales de optimizar tu sitio web de WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-consejos-para-optimizar-el-rendimiento-de-wordpress\">Consejos para optimizar el rendimiento de WordPress<\/h2><p>Aqu&iacute; hay 5 consejos que te ayudar&aacute;n a mejorar el rendimiento de tu sitio de WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-entregar-contenido-a-traves-de-http-2\">1. Entregar contenido a trav&eacute;s de HTTP\/2<\/h3><p>Si a&uacute;n no est&aacute;s utilizando HTTP\/2, debes hacerlo ahora. El protocolo HTTP\/2 admite multiplexaci&oacute;n superior, paralelismo y compresi&oacute;n HPACK entre otras caracter&iacute;sticas que lo convierten en una mejora con respecto a su predecesor. Para implementar HTTP\/2, primero debes habilitar HTTPS. Afortunadamente, HTTP\/2 elimina la sobrecarga de TLS que generalmente se requiere cuando se usa HTTPS.<\/p><p>El nuevo protocolo hace que los sitios web sean m&aacute;s r&aacute;pidos y seguros de muchas maneras. Por ejemplo, si est&aacute;s utilizando la funci&oacute;n de inserci&oacute;n del servidor, puedes eludir el ciclo de solicitud\/respuesta HTTP recuperando ciertos archivos incluso antes de que se analice tu HTML. De esa forma, los elementos importados como logotipos, pancartas y CSS aparecer&aacute;n antes que cualquier otra cosa.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-usar-un-cdn\">2. Usar un CDN<\/h3><p>Una <a href=\"\/mx\/tutoriales\/que-es-cdn\/\">red de entrega de contenido<\/a>, o CDN, es una red de servidores ubicados estrat&eacute;gicamente que facilitan la entrega r&aacute;pida de recursos web en todo el mundo. Estos puntos de presencia, o POPs, alojan versiones en cach&eacute; de tus activos para entregarlas a los usuarios que est&aacute;n geogr&aacute;ficamente muy lejos de tu servidor host. As&iacute; es como los CDN reducen la latencia, o el tiempo que tardan los datos en viajar a trav&eacute;s de una red.<\/p><p>Cuando un usuario de otro pa&iacute;s solicita tu p&aacute;gina, la CDN detecta la ubicaci&oacute;n del usuario y carga tu sitio web desde el POP m&aacute;s cercano. Por lo tanto, los visitantes extranjeros no tienen que esperar m&aacute;s que los usuarios locales para recibir contenido.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"317\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/cdn-global-locations.jpg\" alt=\"Ubicaciones de CDN a nivel mundial\" class=\"wp-image-11096\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/cdn-global-locations.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/cdn-global-locations-300x106.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/cdn-global-locations-150x53.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/cdn-global-locations-768x271.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Las CDN tambi&eacute;n pueden descargar la CPU y los recursos del servidor de origen para que el host no se vea abrumado por los picos de tr&aacute;fico. Por lo tanto, tener un CDN te protege del uso de demasiado ancho de banda mientras que al mismo tiempo garantiza una experiencia fluida para cada visitante. Si un servidor deja de funcionar, tu CDN redirigir&aacute; autom&aacute;ticamente el tr&aacute;fico al siguiente POP m&aacute;s cercano.<\/p><p>Usar un CDN tambi&eacute;n viene con ventajas SEO. Google y otros motores de b&uacute;squeda tienen en cuenta la velocidad del sitio web en sus clasificaciones, por lo que cualquier cosa que hagas para acelerar tu sitio web te acercar&aacute; a la parte superior de los resultados de b&uacute;squeda. Adem&aacute;s, los CDN pueden hacer que tus im&aacute;genes y otros archivos multimedia sean m&aacute;s rastreables para que sea m&aacute;s probable que aparezcan en las b&uacute;squedas de im&aacute;genes de Google.<\/p><p>Tener una CDN desde el principio hace que sea m&aacute;s f&aacute;cil escalar tu sitio web a medida que crece tu base de usuarios. Dado que las CDN comerciales est&aacute;n dise&ntilde;adas para la velocidad, tener un proveedor de CDN confiable elimina gran parte de las conjeturas relacionadas con la optimizaci&oacute;n del sitio web. En algunos casos, tener una CDN tambi&eacute;n facilita la implementaci&oacute;n de HTTP\/2 y la entrega de contenido a trav&eacute;s de HTTPS. Dicho esto, elegir un CDN es solo un paso para mejorar el rendimiento del sitio web.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-usar-compresion-de-brotli\">3. Usar compresi&oacute;n de Brotli<\/h3><p>Se sabe que el algoritmo de compresi&oacute;n Brotli de Google supera a Gzip en t&eacute;rminos de ahorro de tama&ntilde;o.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"155\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/brotli-vs-gzip-compression-comparison.jpg\" alt=\"comparaci&oacute;n de compresi&oacute;n brotli vs gzip\" class=\"wp-image-11097\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/brotli-vs-gzip-compression-comparison.jpg 900w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/brotli-vs-gzip-compression-comparison-300x52.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/brotli-vs-gzip-compression-comparison-150x26.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/brotli-vs-gzip-compression-comparison-768x132.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Para aprovechar <a href=\"https:\/\/tools.ietf.org\/html\/rfc7932\" target=\"_blank\" rel=\"noopener\">Brotli<\/a>, tu servidor de origen debe tenerlo habilitado. Dado que Brotli todav&iacute;a est&aacute; en proceso de ponerse de moda, no todos los navegadores lo admiten. Sin embargo, puedes implementar mecanismos alternativos para que un navegador compatible solicite los activos de Brotli, mientras que un navegador no compatible solicitar&aacute; los activos de Gzip.<\/p><p>Al igual que <a href=\"\/mx\/tutoriales\/compresion-gzip\">GZIP<\/a>, Brotli solo debe usarse para comprimir HTML, CSS, JavaScript y otros archivos basados &#8203;&#8203;en texto. Intentar comprimir archivos binarios, como JPEG y MP4, en realidad puede generar archivos m&aacute;s grandes. <a href=\"https:\/\/www.sitepoint.com\/brotli-compression-wordpress\/\" target=\"_blank\" rel=\"noopener\">Sitepoint<\/a> tiene un art&iacute;culo en profundidad (y en ingl&eacute;s) que describe el proceso de implementaci&oacute;n de Brotli en su servidor de origen y mide los efectos de la compresi&oacute;n de Brotli en un sitio de WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-usar-sugerencias-de-recursos\">4. Usar sugerencias de recursos<\/h3><p>Las sugerencias de recursos aceleran la entrega de contenido al optimizar c&oacute;mo se cargan los recursos. Permiten que el navegador del usuario comience a descargar archivos antes de que sean realmente necesarios. Por ejemplo, &ldquo;precargar&rdquo; permite a los desarrolladores priorizar ciertos recursos, y &ldquo;captar previamente&rdquo; indica al navegador del usuario que descargue recursos durante el tiempo de inactividad. Por lo tanto, se reduce el n&uacute;mero de viajes de ida y vuelta necesarios para cargar la p&aacute;gina, y las respuestas a las entradas del usuario parecen m&aacute;s instant&aacute;neas. WordPress present&oacute; compotabilidad para sugerencias de recursos en 2016 con WordPress 4.6. Si tu sitio web utiliza una versi&oacute;n anterior de WordPress, ahora es el momento perfecto para actualizar.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-utilizar-formatos-de-imagen-de-proxima-generacion-como-webp\">5. Utilizar formatos de imagen de pr&oacute;xima generaci&oacute;n como WebP<\/h3><p>Los archivos JPEG y GIF se est&aacute;n volviendo obsoletos lentamente. Los nuevos formatos de imagen como FLIF, WebP y HEIF utilizan algoritmos de compresi&oacute;n innovadores para empaquetar im&aacute;genes de mayor calidad en archivos de menor tama&ntilde;o. Por lo tanto, convertir tus im&aacute;genes a uno de estos formatos puede generar un aumento significativo de la velocidad de tu sitio web.<\/p><p>El &uacute;nico inconveniente es que no todos los navegadores admiten estos formatos, por lo que debes brindar un formato alternativo para algunos usuarios. Dicho esto, WebP tiene una buena cantidad de compatibilidad para navegadores y ciertos navegadores que actualmente no admiten este nuevo formato de imagen planean lanzar la compatibilidad en el futuro. Si deseas ver por s&iacute; mismo qu&eacute; navegadores admiten estos nuevos formatos de imagen, consulta la herramienta <a href=\"https:\/\/caniuse.com\/\" target=\"_blank\" rel=\"noopener\">Can I Use<\/a>.<\/p><p>En caso de que a&uacute;n no est&eacute;s dispuesto a probar los nuevos formatos de imagen, debes asegurarte de que tus<a href=\"\/mx\/tutoriales\/como-optimizar-imagenes-wordpress\/\"> im&aacute;genes actuales est&eacute;n optimizadas correctamente<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-lecturas-adicionales\">Lecturas adicionales<\/h2><p>Si est&aacute;s buscando m&aacute;s formas de optimizar WordPress, estos art&iacute;culos te guiar&aacute;n hacia el camino correcto:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"\/mx\/tutoriales\/consejos-de-romuald-fons-sobre-wpo\">9 consejos pr&aacute;cticos de Romuald Fons sobre WPO<\/a><\/li>\n\n\n\n<li><a href=\"\/mx\/tutoriales\/seo-en-wordpress\">30 consejos SEO para WordPress<\/a><\/li>\n\n\n\n<li><a href=\"\/mx\/tutoriales\/como-configurar-amp-wordpress\/\">C&oacute;mo hacer WordPress Mobile-Friendy con Google AMP<\/a><\/li>\n\n\n\n<li><a href=\"\/mx\/tutoriales\/como-optimizar-imagenes-wordpress\/\">C&oacute;mo optimizar correctamente las im&aacute;genes en WordPress<\/a><\/li>\n\n\n\n<li><a href=\"\/mx\/tutoriales\/datos-estructurados-wordpress\/\">Por qu&eacute; necesitas datos estructurados y c&oacute;mo agregarlo a WordPress<\/a><\/li>\n\n\n\n<li><a href=\"\/mx\/tutoriales\/mejorar-velocidad-wordpress\/\">9 maneras de aumentar la velocidad de WordPress<\/a><\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-acelerar-wordpress-video\">C&oacute;mo acelerar WordPress &ndash; Video<\/h2><p>Tambi&eacute;n te recomendamos seguir los consejos de este video para optimizar y mejorar la velocidad de tu sitio de WordPress.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"7 M&eacute;todos Para Acelerar WordPress (2024) | Tips\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/rDpCZMJGZko?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n\n\n\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-spain.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Suscribirse \u00a1Para m\u00e1s videos educativos!<\/span>\n          <span class=\"channel-name\">Academia de Hostinger<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n        <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCYmKCu1yo_L0fqKe3U_oMnw?sub_confirmation=1\">\n          <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n          <span>Suscribirse<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-construyendo-sitios-web-de-wordpress-para-el-futuro\">Construyendo sitios web de WordPress para el futuro<\/h2><p>Los sitios web que son capaces de adaptarse a las mejoras tecnol&oacute;gicas tienen m&aacute;s probabilidades de sobrevivir en la pr&oacute;xima d&eacute;cada. Del mismo modo, los desarrolladores exitosos deben aprender a aceptar el cambio.<\/p><p>Siempre debes mantenerte atento a las nuevas actualizaciones de WordPress, plugins y tendencias de optimizaci&oacute;n para que puedas mantenerte a la vanguardia del juego. Optimizar WordPress puede ser complicado a veces, pero al implementar los 5 consejos anteriores, tendr&aacute;s una ventaja competitiva de rendimiento sobre tus competidores.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mantener un sitio web exitoso requiere que los desarrolladores se mantengan unos pasos por delante de sus competidores. Una forma de hacerlo es optimizar tu sitio web WordPress para obtener un alto rendimiento. Esto significa tiempos de respuesta r&aacute;pidos para los usuarios, independientemente de d&oacute;nde se encuentren. Afortunadamente, si est&aacute;s ejecutando un sitio web de [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/optimizar-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Optimizar WordPress en %currentyear%: la mejor gu\u00eda para un sitio veloz","rank_math_description":"Te damos 5 de los mejores consejos para optimizar WordPress y acelerar tu sitio web. Mejorar el rendimiento de tu web aumentar\u00e1 tus conversiones.","rank_math_focus_keyword":"optimizar wordpress","footnotes":""},"categories":[4747],"tags":[13695],"class_list":["post-11094","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-optimizar-wordpress"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/optimizar-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/optimizar-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/optimizar-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/optimizar-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=11094"}],"version-history":[{"count":10,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11094\/revisions"}],"predecessor-version":[{"id":37192,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11094\/revisions\/37192"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=11094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=11094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=11094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}