{"id":1930,"date":"2024-08-03T09:13:49","date_gmt":"2024-08-03T07:13:49","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=1930"},"modified":"2024-08-03T09:13:50","modified_gmt":"2024-08-03T07:13:50","slug":"13-optimizar-tu-web-wordpress-para-mejorar-su-velocidad","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/cmss-frameworks\/wordpress-2\/wordpress-basico\/13-optimizar-tu-web-wordpress-para-mejorar-su-velocidad\/","title":{"rendered":"13. Optimizar tu web WordPress para mejorar su velocidad"},"content":{"rendered":"\n<p>Optimizar <strong>WordPress<\/strong> y acelerar la velocidad de nuestra web es <strong>imprescindible para mejorar el SEO<\/strong>. La r<strong>apidez de carga de una web<\/strong> se ha convertido en un factor muy importante de cara al posicionamiento en buscadores.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>La&nbsp;<strong>WPO<\/strong>&nbsp;(<strong>Web Performance Optimization<\/strong>) es una tarea que debemos abordar enseguida si deseamos tener m\u00e1s posibilidades de estar en las <strong>primeras posiciones de Google<\/strong>.<\/p>\n\n\n\n<p>En la mayor parte de los casos, podemos optimizar nuestra web no siendo unos expertos en ello.<\/p>\n\n\n\n<p>Adem\u00e1s, la optimizaci\u00f3n web afecta tambi\u00e9n a la&nbsp;<strong>usabilidad<\/strong>&nbsp;y a la&nbsp;<strong>experiencia de usuario<\/strong>, por lo que es momento de plantearse realmente optimizar nuestro site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Factores que hacen una web lenta<\/h2>\n\n\n\n<p>Existen varios aspectos que realizan este comentido, los vamos a comentar uno por uno:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Velocidad y rendimiento del hosting<\/li>\n\n\n\n<li>Peso y tama\u00f1o de las im\u00e1genes<\/li>\n\n\n\n<li>Cantidad de peticiones o requests<\/li>\n\n\n\n<li>Cantidad de archivos CSS y JS<\/li>\n\n\n\n<li>Cantidad de plugins instalados<\/li>\n\n\n\n<li>Optimizaci\u00f3n del c\u00f3digo de la plantilla<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Medir la velocidad y rendimiento de una p\u00e1gina web<\/h2>\n\n\n\n<p>Para el an\u00e1lisis de nuestra web, Websarrolladores recomendamos la herramienta <strong><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTMetrix<\/a>, <\/strong>aplicaci\u00f3n realiza un <strong>estudio<\/strong>pormenorizado de tu sitio e indica de cu\u00e1les son los <strong>factores<\/strong>&nbsp;que est\u00e1n ralentizando la carga&nbsp;para que puedas solucionarlos.<\/p>\n\n\n\n<p><strong>En <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTMetrix <\/a><\/strong>podemos ver cu\u00e1l es el <strong>PageSpeed Score<\/strong> de nuestro sitio, es decir, la nota que <strong>Google<\/strong> da a tu web en virtud de multitud de factores.<strong>&nbsp;Un buen PageSpeed ayuda mucho a posicionar.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 debemos tener optimizada nuestra p\u00e1gina web?<\/h2>\n\n\n\n<p>Son 2 los motivos principales:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Por el posicionamiento SEO<\/h3>\n\n\n\n<p><strong>Google<\/strong> tiene muy en cuenta la <strong>velocidad de carga en las webs<\/strong> a la hora de posicionarlas. Por otro lado cada d\u00eda m\u00e1s usuarios navegan desde dispositivos m\u00f3viles, con lo que hay que ofrecerles contenidos que carguen de manera flu\u00edda, y adaptados con tecnolog\u00eda <strong>AMP<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Experiencia del usuario<\/h3>\n\n\n\n<p>Por otro lado est\u00e1 la <strong>experiencia de usuario.<\/strong>&nbsp;Una web que carga de manera fluida puede ayudarte a conseguir&nbsp;m\u00e1s conversiones y ventas frente a una web que tenga problemas de carga.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Optimizar una web WordPress y acelerar su velocidad<\/h2>\n\n\n\n<p>Uno de los pasos que puedes dar es registrarte en la web <strong>GTMetrix<\/strong>, su registro es gratuito. Una vez registrado, haz click en<strong>&nbsp;Analysis Options<\/strong>&nbsp;y selecciona una ubicaci\u00f3n&nbsp;<strong>lo m\u00e1s cercana posible<\/strong> al pa\u00eds&nbsp;en el que se encuentra alojada tu web. A continuaci\u00f3n, introduce la URL completa de tu web en la casilla&nbsp;<strong>Analyze Performance of<\/strong>&nbsp;y haz click en&nbsp;<strong>Analyze<\/strong>. <strong>GTMetrix<\/strong> realiza un&nbsp;<strong>chequeo a fondo<\/strong> de tu web y en unos segundos te muestra una conclusi\u00f3n general del estado de optimizaci\u00f3n de tu sitio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interpretar el resultado del an\u00e1lisis en GTMetrix<\/h2>\n\n\n\n<p>Si has hecho la prueba, el resultado el an\u00e1lisis nos dar\u00e1 estas m\u00e9tricas principales.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PageSpeed Score<\/strong>: es la nota que da <a href=\"https:\/\/google.es\"><strong>Google<\/strong> <\/a>al rendimiento de la web, es muy importante.<\/li>\n\n\n\n<li><strong>YSlow Score<\/strong>: es la nota que da <strong>Yahoo<\/strong>, menos importante si tu posicionamiento va orientado a Google.<\/li>\n\n\n\n<li><strong>Fully Loaded Time<\/strong>: es el tiempo de carga del sitio web, es fluctuante ya que los tiempos de carga son variables debido a nuestro hosting, por lo que es recomendable realizar varias mediciones, y sacar la media para hacernos una idea m\u00e1s clara y precisa.<\/li>\n\n\n\n<li><strong>Total Page Size<\/strong>: es el tama\u00f1o de la p\u00e1gina analizada, directamente relacionado con el tama\u00f1o de las im\u00e1genes y los elementos que cargamos en nuestra web.<\/li>\n\n\n\n<li><strong>Request<\/strong>: es la cantidad de peticiones a diversos servicios que realiza nuestra web para funcionar, es importante bajarlo al m\u00e1ximo para mejorar el <strong>PageSpeed Score<\/strong>.<\/li>\n\n\n\n<li><strong>Waterfall<\/strong>: en este apartado puedes ver los tiempos de carga de cada uno de los procesos que intervienen en nuestra p\u00e1gina web.<\/li>\n\n\n\n<li><strong>Timings<\/strong>: Otro dato importante es el <strong>Time to First Byte<\/strong>,\u00a0 que es el tiempo que tarda el <strong>hosting<\/strong> en ofrecer el primer byte de la p\u00e1gina web.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Mejorar estas m\u00e9tricas<\/h2>\n\n\n\n<p>Aparte de estas m\u00e9tricas esenciales, <strong>GTMetrix<\/strong> nos ofrece un listado \u00fatil de los elementos que est\u00e1n empeorando el rendimiento de nuestra web. Veamos como podemos mejorar el rendimiento de nuestra web sabiendo estas m\u00e9tricas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Im\u00e1genes<\/h3>\n\n\n\n<p>Es posible que <strong>GTMetrix<\/strong> nos est\u00e9 avisando de que nuestras im\u00e1genes est\u00e1n empeorando el rendimiento de la web, seguramente por el peso de las mismas. Existe un plugin para ello que nos ayudar\u00e1 a solventar este problema, se llama IMG Optimizer, ofrecido gratu\u00edtamente por la web <a href=\"https:\/\/clientes.webempresa.com\/europa\/gestion\/aff.php?aff=4020\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Webempresa<\/strong><\/a>. Eso s\u00ed, puedes utilizar este plugin siempre y cuando tengas un hosting premium como el de esta fant\u00e1stica web.<\/p>\n\n\n\n<p>Existen otros modos de optimizar nuestras im\u00e1genes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Plugins. WP Smush It. EWWW Optimizer:<\/strong> son plugins gratuitos los cuales permiten optimizar las im\u00e1genes de una web.<\/li>\n\n\n\n<li><strong>Herramientas como Tiny PNG o JPG Mini:<\/strong> se trata <strong>aplicaciones online<\/strong> gratuitas que permiten optimizar bastante el peso de las im\u00e1genes. El inconveniente, que tienes que bajarte las im\u00e1genes, pasarlas por la herramienta y despu\u00e9s volver a subirlas.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Mejorar la cach\u00e9<\/h3>\n\n\n\n<p>Podemos mejorar la cache<strong> instalando plugins de cach\u00e9.<\/strong> De lo mejor que podemos encontrar es <strong><a href=\"https:\/\/wp-rocket.me\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Rocket<\/a>&nbsp;(de pago) y&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3 Total Cache<\/a>.<\/strong>&nbsp;<strong>WP Rocket<\/strong> es un plugin espectacular cuyo precio no es nada en comparaci\u00f3n a lo que obtienes. Existen muchas mas opciones, pero dedicaremos un art\u00edculo tan s\u00f3lo para ello.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Optimizar WordPress y acelerar la velocidad de nuestra web es imprescindible para mejorar el SEO. La rapidez de carga de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1877,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1930","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Optimizar WordPress y acelerar la velocidad de nuestra web es imprescindible para mejorar el SEO. La rapidez de carga de [&hellip;]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=1930"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1930\/revisions"}],"predecessor-version":[{"id":1932,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1930\/revisions\/1932"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1877"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=1930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}