{"id":16713,"date":"2022-02-02T17:22:27","date_gmt":"2022-02-02T16:22:27","guid":{"rendered":"\/tutoriales\/?p=16713"},"modified":"2025-03-07T01:43:57","modified_gmt":"2025-03-07T00:43:57","slug":"consejos-de-romuald-fons-sobre-wpo","status":"publish","type":"post","link":"\/es\/tutoriales\/consejos-de-romuald-fons-sobre-wpo","title":{"rendered":"\u00bfQu\u00e9 es WPO? 9 consejos de Romuald Fons para optimizar tu web"},"content":{"rendered":"<p>La experiencia de usuario se ha vuelto uno de los elementos m&aacute;s importantes a la hora de posicionar un sitio web en los motores de b&uacute;squeda. Si bien m&uacute;ltiples factores pueden jugar un papel en el posicionamiento web, el WPO es uno de los principales.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-ES.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/public\" alt=\"\" class=\"wp-image-25983\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/12\/eBook-Speed-Up-your-website-ES.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>En este art&iacute;culo, veremos 9 consejos pr&aacute;cticos sobre WPO de Romuald Fons para que optimices al m&aacute;ximo tu sitio web. Pero antes, repasaremos brevemente qu&eacute; es WPO y qu&eacute; son las Core Web Vitals de Google.<\/p><p>\n\n\n\n\n\n\n<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=\"C&oacute;mo hacer que tu P&aacute;gina Web cargue M&aacute;s R&aacute;pido (Masterclass de WPO)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/jJA0nPE2czI?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>\n\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">&iquest;Qu&eacute; es WPO?<\/h2>\n                    <p>WPO (Website Performance Optimization) remite a una serie de optimizaciones que hace que la velocidad de carga de un sitio web sea m&aacute;s r&aacute;pida y, como consecuencia, que mejore la experiencia del usuario.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-que-son-las-core-web-vitals\">&iquest;Qu&eacute; son las Core Web Vitals?<\/h2><p>Las <a href=\"\/es\/tutoriales\/core-web-vitals\">Core Web Vitals<\/a> son los indicadores que utiliza Google para medir la interacci&oacute;n de los usuarios con los sitios web. Son tres m&eacute;tricas principales que eval&uacute;an la experiencia de un usuario en una p&aacute;gina web, independientemente de su contenido.<\/p><ul class=\"wp-block-list\">\n<li><strong>LCP (Largest Contentful Paint)<\/strong>: el tiempo que tarda en cargarse y renderizarse el elemento m&aacute;s grande visible en la secci&oacute;n above the fold. Esta m&eacute;trica mide el tiempo de carga del contenido de la p&aacute;gina.<\/li>\n\n\n\n<li><strong>INP (Interaction to Next Paint)<\/strong>: comprueba lo r&aacute;pido que se actualiza una p&aacute;gina web despu&eacute;s de que un usuario interact&uacute;e con ella, por ejemplo, al hacer clic en un bot&oacute;n o un enlace. <\/li>\n\n\n\n<li><strong>CLS (Cumulative Layout Shift)<\/strong>: la frecuencia en la que se producen cambios inesperados en los elementos del dise&ntilde;o. Esta m&eacute;trica mide la estabilidad visual de la p&aacute;gina.<\/li>\n<\/ul><p>Para saber qu&eacute; tal responde tu sitio web a estas m&eacute;tricas, Google ofrece la herramienta <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a>. All&iacute; puedes ingresar tu <a href=\"\/es\/comprar-dominio\">dominio<\/a> y ver una puntuaci&oacute;n general con un detalle de cada m&eacute;trica. Utilizar esta herramienta te permite ver qu&eacute; aspectos de la experiencia de usuario debes mejorar para puntuar m&aacute;s alto y ofrecer una mejor experiencia web a tus usuarios.<\/p><p>Conocer las Core Web Vitals es central para el WPO, ya que &eacute;ste se basa en las m&eacute;tricas de Google. Veremos a continuaci&oacute;n 9 consejos de WPO que nos sugiere Romuald Fons para optimizar y mejorar la experiencia general de tu sitio.<\/p><h2 class=\"wp-block-heading\" id=\"h-9-consejos-practicos-de-romuald-fons-sobre-wpo\">9 consejos pr&aacute;cticos de Romuald Fons sobre WPO<\/h2><h3 class=\"wp-block-heading\" id=\"h-1-utiliza-un-hosting-con-discos-ssd\">1. Utiliza un hosting con Discos SSD<\/h3><p>El <a href=\"\/es\/tutoriales\/que-es-un-hosting\">hosting es<\/a> el primer elemento que influye en la <a href=\"\/es\/tutoriales\/mejorar-velocidad-wordpress\">velocidad de carga<\/a> de tu sitio web. Es importante contar con un servicio de alto rendimiento y gran velocidad para tus sitios. Por eso, te aconsejamos <a href=\"\/es\/hosting-web\">comprar un hosting web<\/a><strong> <\/strong>que cuente con discos SSD.<\/p><p><strong>SSD<\/strong> es una tecnolog&iacute;a de almacenamiento m&aacute;s moderna que la anterior HDD. Su principal ventaja es la velocidad, ya que funciona unas 15 veces m&aacute;s r&aacute;pido que HDD. Adem&aacute;s, tiene mayor durabilidad, menos errores y consume menos energ&iacute;a.<\/p><p>En Hostinger, ofrecemos distintas opciones de almacenamiento SSD seg&uacute;n el plan. Por ejemplo, nuestro plan <strong>Hosting Premium<\/strong> tiene <strong>100 GB<\/strong> y el plan <strong>Hosting Empresarial<\/strong>, <strong>200 GB<\/strong>. Por otro lado, nuestros planes VPS pueden llegar hasta los 250 GB. Esto es la cantidad de espacio asignado en unidades de disco SSD. Te recomendamos elegir el plan en funci&oacute;n de las necesidades de tu proyecto web.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"668\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/almacenamiento-ssd-hostinger.png\/public\" alt=\"Opciones de almacenamiento SSD en los planes de Hostinger\" class=\"wp-image-16875\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/almacenamiento-ssd-hostinger.png\/w=1080,fit=scale-down 1080w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/almacenamiento-ssd-hostinger.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/almacenamiento-ssd-hostinger.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/almacenamiento-ssd-hostinger.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/almacenamiento-ssd-hostinger.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure><figure class=\"wp-block-image size-large\"><a href=\"\/es\/hosting-web\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-29291\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-Web-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-2-usa-una-version-superior-a-php-7\">2. Usa una versi&oacute;n superior a PHP 7<\/h3><p>Otro aspecto importante a considerar a la hora de elegir el hosting es la versi&oacute;n de <a href=\"\/es\/tutoriales\/que-es-php\">PHP<\/a>, el lenguaje de programaci&oacute;n que se utiliza para el desarrollo web. Te recomendamos utilizar versiones superiores a PHP 7, preferiblemente la 8. <\/p><p>Las &uacute;ltimas versiones ofrecen un mayor rendimiento y menor consumo de RAM. Adem&aacute;s, contar con la &uacute;ltima versi&oacute;n posible es m&aacute;s seguro ya que las anteriores van quedando desactualizadas con el tiempo. Tambi&eacute;n experimentar&aacute;s menos ca&iacute;das del sistema en caso de errores.<\/p><p>Puede que no siempre puedas actualizar a la &uacute;ltima versi&oacute;n. En ese caso, prueba con la inmediatamente anterior, hasta que encuentres la que funcione y sea m&aacute;s reciente.<\/p><p>Los <a href=\"\/es\/tutoriales\/planes-de-hostinger\">planes de Hostinger<\/a> cuentan con m&uacute;ltiples versiones de PHP, desde <strong>5.2<\/strong> hasta <strong>8.0<\/strong>, por lo que podr&aacute;s tener PHP actualizado para tus sitios sin problemas. <\/p><h3 class=\"wp-block-heading\" id=\"h-3-adquiere-un-certificado-ssl\">3. Adquiere un certificado SSL<\/h3><p>En la configuraci&oacute;n inicial de un sitio web, adem&aacute;s del hosting y el <a href=\"\/es\/tutoriales\/que-es-un-dominio-web\">nombre de dominio<\/a>, es esencial contar con un <a href=\"\/es\/tutoriales\/ssl-tls-https\">certificado SSL<\/a>. <strong>SSL<\/strong> es un protocolo de seguridad que crea una comunicaci&oacute;n cifrada entre el servidor y el navegador web, protegiendo los datos y haciendo que tu sitio web sea m&aacute;s seguro.<\/p><p>Hoy en d&iacute;a, Google toma en cuenta que los sitios web cuenten con certificados SSL y, si no los tienen, los marca como no seguros. Por eso, adem&aacute;s de dar mayor seguridad, este certificado genera m&aacute;s confianza para Google y los usuarios que ingresan a tu sitio.<\/p><p><a href=\"\/es\/certificado-ssl-gratis\">Todos los planes de Hostinger<\/a> cuentan con SSL ilimitado gratis, que se puede activar con unos pocos clics.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1479\" height=\"810\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/08\/ssl-ilimitado-gratis.png\/public\" alt=\"SSL ilimitado gratis en los planes de Hostinger.\" class=\"wp-image-22448\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/08\/ssl-ilimitado-gratis.png\/w=1479,fit=scale-down 1479w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/08\/ssl-ilimitado-gratis.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/08\/ssl-ilimitado-gratis.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/08\/ssl-ilimitado-gratis.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/08\/ssl-ilimitado-gratis.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1479px) 100vw, 1479px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-4-utiliza-un-servidor-vps\">4. Utiliza un servidor VPS<\/h3><p>Entre las opciones de <a href=\"\/es\/tutoriales\/que-es-un-hosting\">tipos de hosting<\/a>, te recomendamos elegir un servidor privado, un <a href=\"\/es\/tutoriales\/que-es-un-vps\">VPS es<\/a> m&aacute;s seguro y estable que un hosting compartido. Estas son algunas de las <a href=\"\/es\/tutoriales\/hosting-compartido-o-vps\">principales diferencias<\/a> entre los distintos tipos de hosting:<\/p><ul class=\"wp-block-list\">\n<li><strong>Hosting compartido<\/strong>: varios sitios web se alojan en el mismo servidor y comparten los recursos. Sus planes son de los m&aacute;s accesibles y es el m&aacute;s popular entre los sitios web personales o de peque&ntilde;os negocios.<\/li>\n\n\n\n<li><strong><a href=\"\/es\/cloud-hosting\">Hosting Cloud<\/a><\/strong>: obtienes recursos de una red de servidores que garantizan el rendimiento y el tiempo de actividad al m&aacute;ximo. A diferencia del VPS, no requiere conocimientos t&eacute;cnicos.<\/li>\n\n\n\n<li><strong><a href=\"\/es\/servidor-vps\">Hosting VPS<\/a><\/strong>: obtienes los recursos dedicados de la partici&oacute;n virtual de un servidor. No tienes que compartir recursos y tienes acceso a la ra&iacute;z, lo que te otorga libertad para manejar tu hosting. Est&aacute; pensado para expertos o para quienes ya tienen conocimientos t&eacute;cnicos.<\/li>\n<\/ul><figure class=\"wp-block-image size-large\"><a href=\"\/es\/servidor-vps\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-VPS-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-29287\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-VPS-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-VPS-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-VPS-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-VPS-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2023\/02\/ES-VPS-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Consejo profesional<\/h4>\n                    <p>Para mejorar la velocidad de tu Hosting VPS, puedes utilizar HTTP\/2 en lugar de HTTP.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-5-usa-cdn\">5. Usa CDN<\/h3><p>La <a href=\"\/es\/tutoriales\/que-es-cdn\">CDN<\/a> (Content Delivery Network) o red de distribuci&oacute;n de contenidos sirve para acelerar la entrega de informaci&oacute;n permiti&eacute;ndole a los usuarios acceder a la web desde el &aacute;rea geogr&aacute;fica m&aacute;s cercana. De esta forma, mejora la velocidad de carga del sitio web.<\/p><p>Algunos planes de hosting cuentan con CDN gratuito. De todas formas, si tu servidor no tiene CDN, puedes utilizar CloudFlare, que tiene una versi&oacute;n gratuita.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1480\" height=\"673\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/cloudflare.png\/public\" alt=\"P&aacute;gina de inicio de CloudFlare\" class=\"wp-image-16883\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/cloudflare.png\/w=1480,fit=scale-down 1480w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/cloudflare.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/cloudflare.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/cloudflare.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/01\/cloudflare.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><\/figure><p>Configurar <a href=\"https:\/\/www.cloudflare.com\/es-es\/\" target=\"_blank\" rel=\"noreferrer noopener\">CloudFlare<\/a> es muy sencillo. S&oacute;lo debes crear una cuenta, dar de alta tu dominio y cambiar las DNS asignadas. Si quieres saber m&aacute;s, puedes leer este tutorial detallado sobre <a href=\"\/es\/tutoriales\/como-configurar-cloudflare-en-wordpress\">c&oacute;mo configurar CloudFlare<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-6-instala-un-plugin-de-optimizacion-web\">6. Instala un plugin de optimizaci&oacute;n web<\/h3><p>Para mejorar la optimizaci&oacute;n web de tu sitio, puedes ayudarte de un plugin. Si utilizas WordPress, estos son algunos de los que te recomendamos:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/really-simple-ssl\/\" target=\"_blank\" rel=\"noreferrer noopener\">Really Simple SSL<\/a>: configura tu sitio web para que funcione autom&aacute;ticamente con HTTPS.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/better-search-replace\/\" target=\"_blank\" rel=\"noreferrer noopener\">Better Search Replace<\/a>: busca y sustituye de forma autom&aacute;tica las URLs de la base de datos. Con este plugin, todos los enlaces internos apuntar&aacute;n tambi&eacute;n a la versi&oacute;n HTTPS.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Fastest Cache<\/a>: minifica, comprime y cachea el HTML, CSS y JS en el navegador.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/wp-optimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Optimize<\/a>: cachea tu sitio, limpia la base de datos y comprime las im&aacute;genes.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/disqus-conditional-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">Disqus Conditional Load<\/a>: optimiza el rendimiento y mejora la velocidad de carga de los comentarios.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/quicklink\/\" target=\"_blank\" rel=\"noreferrer noopener\">QuickLink for WordPress<\/a>: precarga las URLs hacia las que est&aacute; apuntando tu p&aacute;gina web, haciendo que la navegaci&oacute;n sea m&aacute;s &aacute;gil.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/heartbeat-control\/\" target=\"_blank\" rel=\"noreferrer noopener\">HeartBeat Control<\/a>: te permite limitar o detener la actividad de WordPress Heartbeat API.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noreferrer noopener\">Caos<\/a>: aloja localmente el Javascript de Google Analytics.<\/li>\n\n\n\n<li><a href=\"https:\/\/es.wordpress.org\/plugins\/lazy-load-for-videos\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy Load for Videos<\/a>: reemplaza videos embebidos por una imagen de previsualizaci&oacute;n, mejorando el tiempo de carga de la p&aacute;gina.<\/li>\n<\/ul><p>Ten en cuenta que no hace falta instalar todos los plugins mencionados, sino solamente aquellos que necesites.<\/p><h3 class=\"wp-block-heading\" id=\"h-7-optimiza-las-imagenes\">7. Optimiza las im&aacute;genes<\/h3><p>Las im&aacute;genes son uno de los elementos con mayor peso en un sitio web y, por lo tanto, una de las principales causas de una carga lenta. Para mejorar el tiempo de carga, es necesario <a href=\"\/es\/tutoriales\/como-optimizar-imagenes-wordpress\/\">optimizar las im&aacute;genes<\/a>. Hay varias acciones que puedes tomar para esto.<\/p><h4 class=\"wp-block-heading\" id=\"h-utiliza-el-formato-webp\">Utiliza el formato WEBP<\/h4><p>Lo primero es usar el formato WEBP, ya que en la mayor&iacute;a de los casos es el m&aacute;s &oacute;ptimo para la web. Desde la versi&oacute;n 5.8 de WordPress, este formato ya es compatible con el CMS.<\/p><h4 class=\"wp-block-heading\" id=\"h-usa-lazy-loading\">Usa Lazy Loading<\/h4><p>Lo que hace Lazy Loading es retrasar la carga de los elementos de tu sitio web, en este caso, las im&aacute;genes, hasta el momento de su utilizaci&oacute;n. De esta forma, evitas que se precarguen las im&aacute;genes que no van a verse.<\/p><p>Para esto, puedes agregar un c&oacute;digo sencillo a tus im&aacute;genes o utilizar un plugin, como <a href=\"https:\/\/es.wordpress.org\/plugins\/rocket-lazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy Load<\/a> de WP Rocket. Tanto Google Chrome como WordPress cuentan con Lazy Load de forma nativa.<\/p><h4 class=\"wp-block-heading\">Comprime las im&aacute;genes<\/h4><p>Tambi&eacute;n puedes comprimir el tama&ntilde;o de las im&aacute;genes y reducir el peso de tus archivos. El plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smush<\/a> te servir&aacute; para esto. Puedes activar una opci&oacute;n que te permite comprimir las im&aacute;genes directamente cuando las subes.<\/p><p>Realizar todas estas acciones sobre tu sitio web te permitir&aacute; aumentar la puntuaci&oacute;n en PageSpeed Insights y mejorar la experiencia de usuario.<\/p><h3 class=\"wp-block-heading\" id=\"h-8-evita-usar-widgets-para-redes-sociales-o-mapas\">8. Evita usar widgets para redes sociales o mapas<\/h3><p>Puede que quieras agregar una secci&oacute;n de tu red social o la ubicaci&oacute;n de tu negocio a tu sitio web para hacerlo m&aacute;s atractivo. Si bien WordPress permite estas opciones, ten en cuenta que pueden afectar la salud de tu sitio.<\/p><p>Los widgets de redes sociales como Facebook y Twitter, as&iacute; como los mapas de Google Maps, consumen muchos recursos. Esto hace que tu p&aacute;gina se cargue mucho m&aacute;s lento y afecta tus Core Web Vitals.<\/p><h3 class=\"wp-block-heading\" id=\"h-9-desinstala-los-plugins-que-no-usas-y-actualiza-los-que-usas\">9. Desinstala los plugins que no usas y actualiza los que usas<\/h3><p>Existe una enorme cantidad de <a href=\"\/es\/tutoriales\/mejores-plugins-wordpress\/\">plugins de WordPress<\/a> que puedes utilizar en tu sitio web, ya sea para agregar funcionalidades o mejorar el WPO. De cualquier forma, recuerda que debes limitar la cantidad al m&iacute;nimo. S&oacute;lo mantiene activos los necesarios y elimina los que no uses.<\/p><p>Adem&aacute;s, es importante actualizar los plugins peri&oacute;dicamente y asegurarte de que sean compatibles con las &uacute;ltimas versiones de WordPress. Si instalas un plugin que no se actualiza hace mucho tiempo, puede representar una brecha de seguridad para tu sitio web.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>El WPO es un aspecto central para todo creador de sitios web. Ya sea que tengas un sitio propio o crees p&aacute;ginas para otros, querr&aacute;s que Google te muestre dentro de los primeros resultados de b&uacute;squeda. <\/p><p>El tiempo que tarda en cargarse una p&aacute;gina, la interactividad de los usuarios y la estabilidad visual del sitio son algunos de los factores que Google toma en consideraci&oacute;n a la hora de evaluar qu&eacute; sitios posicionar en primer lugar. Es por eso que es importante realizar constantemente una optimizaci&oacute;n web de tu sitio y mantener altas las puntuaciones en PageSpeed. <\/p><p>Si tu sitio web se carga r&aacute;pido y es f&aacute;cil de navegar para los visitantes, habr&aacute;s sentado una base muy importante en tu web y s&oacute;lo tendr&aacute;s que enfocarte en crear buen contenido y ofrecer buenos servicios o productos. El WPO no es definitivo, pero s&iacute; es uno de los pilares del manejo de sitios web.<\/p><p>Para mejorar el WPO, te hemos dado algunos consejos de la mano de Romuald Fons. Los repasamos a continuaci&oacute;n:<\/p><ol class=\"wp-block-list\">\n<li>Elige un servicio de hosting con Discos SSD<\/li>\n\n\n\n<li>Usa una versi&oacute;n superior a PHP 7<\/li>\n\n\n\n<li>Adquiere un certificado SSL<\/li>\n\n\n\n<li>Utiliza un servidor VPS<\/li>\n\n\n\n<li>Usa CDN<\/li>\n\n\n\n<li>Instala un plugin de optimizaci&oacute;n web<\/li>\n\n\n\n<li>Optimiza las im&aacute;genes<\/li>\n\n\n\n<li>Evita los widgets para redes sociales o mapas<\/li>\n\n\n\n<li>Desinstala los plugins que no usas y actualiza los que usas<\/li>\n<\/ol><p>Esperamos que estos consejos te hayan sido de ayuda para que lleves el WPO de tu sitio web al m&aacute;ximo. Te invitamos a dejarnos tus dudas o recomendaciones en comentarios. &iexcl;Buena suerte!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La experiencia de usuario se ha vuelto uno de los elementos m&aacute;s importantes a la hora de posicionar un sitio web en los motores de b&uacute;squeda. Si bien m&uacute;ltiples factores pueden jugar un papel en el posicionamiento web, el WPO es uno de los principales. En este art&iacute;culo, veremos 9 consejos pr&aacute;cticos sobre WPO de [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/es\/tutoriales\/consejos-de-romuald-fons-sobre-wpo\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":353,"featured_media":17662,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Qu\u00e9 es WPO: 9 consejos de Romuald Fons para optimizar tu sitio","rank_math_description":"Aprende qu\u00e9 es WPO y c\u00f3mo mejorar la experiencia de usuario en tu sitio web con estos 9 consejos de Romuald Fons.","rank_math_focus_keyword":"WPO","footnotes":""},"categories":[5701],"tags":[],"class_list":["post-16713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/consejos-de-romuald-fons-sobre-wpo","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/consejos-de-romuald-fons-sobre-wpo","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/consejos-de-romuald-fons-sobre-wpo","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/consejos-de-romuald-fons-sobre-wpo","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/16713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=16713"}],"version-history":[{"count":49,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/16713\/revisions"}],"predecessor-version":[{"id":45942,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/16713\/revisions\/45942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media\/17662"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=16713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=16713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=16713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}