{"id":35796,"date":"2022-10-26T08:37:00","date_gmt":"2022-10-26T08:37:00","guid":{"rendered":"https:\/\/www.conectasoftware.com\/magazine\/?p=35796"},"modified":"2024-02-04T21:57:31","modified_gmt":"2024-02-04T21:57:31","slug":"mejora-del-rendimiento-web","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/mejora-del-rendimiento-web\/","title":{"rendered":"Rendimiento web: optimizar la velocidad de carga"},"content":{"rendered":"\n<p>Es muy probable, que en el tiempo que en que tardas en leer este peque\u00f1o p\u00e1rrafo, los usuarios hayan abandonado su sitio web si carece de optimizaci\u00f3n de la velocidad de carga. Y lo peor de todo, es que la mayor parte de esos usuarios no volver\u00e1.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.conectasoftware.com\/kit-digital\/\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"656\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2022\/10\/Banner-Kit-Digital-2-1.png\" alt=\"Kit Digital\nrendimiento web\" class=\"wp-image-35797\"\/><\/a><\/figure>\n\n\n\n<p>El rendimiento es a la velocidad en la que carga una p\u00e1gina en el navegador de un usuario y forma parte de la <a href=\"https:\/\/www.conectasoftware.com\/magazine\/marketing-digital\/optimizacion-buscadores-seo-metodologia\/\">optimizaci\u00f3n web<\/a>. La construcci\u00f3n de sitios webs requiere de HTML, CSS y JavaScript. Estos, son necesarios para atraer y retener a usuarios y crear as\u00ed una buena experiencia de usuario. Parte de esta buena experiencia radica en que todo el contenido se cargue de manera r\u00e1pida y respondiendo siempre a la interacci\u00f3n del usuario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Importancia de la velocidad de carga de una web<\/h2>\n\n\n\n<p>Contar con un \u00f3ptimo rendimiento web producir\u00e1 una serie de ventajas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Disminuci\u00f3n de la tasa de abandonos<\/strong>. El n\u00famero de usuarios que abandonan la web sin realizar ninguna acci\u00f3n o visitar alguna p\u00e1gina se ver\u00e1 reducido.<\/li>\n\n\n\n<li><strong>Mejora la UX<\/strong>. Al navegar por un sitio web de manera r\u00e1pida y fluida, donde todas las funcionalidades, tanto el texto como el contenido audiovisual carguen r\u00e1pidamente, producir\u00e1 que el usuario disfrute de una mejor experiencia de navegabilidad.<\/li>\n\n\n\n<li><strong>Favorece el posicionamiento SEO<\/strong>. Google posicionar\u00e1 mejor aquellas webs que se encuentren en una posici\u00f3n similar con otras, y tengan un rendimiento web optimizado.<\/li>\n\n\n\n<li><strong>Aumento de las conversiones y fidelizaci\u00f3n<\/strong>. Aumentar\u00e1 el n\u00famero de usuarios recurrentes a la web.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Medidas para mejorar el rendimiento web<\/h2>\n\n\n\n<p>Puede ser mejorada con diversas acciones y medidas. A continuaci\u00f3n, vamos a mostrar como optimizar la velocidad de carga de nuestra web:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hosting<\/strong>. Escoger un buen servicio de hosting es algo fundamental. Es recomendable escoger un servicio de hosting que se encuentre en el mismo lugar que el p\u00fablico objetivo de la web. Es decir, si nuestra mayor parte de usuarios proceden de Espa\u00f1a, los servidores deber\u00edan de alojarse tambi\u00e9n en Espa\u00f1a.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n de im\u00e1genes<\/strong>. Subir las im\u00e1genes en el formato adecuado, har\u00e1 que la web las cargue de manera m\u00e1s r\u00e1pida. Estos formatos son Avif y webP. Tambi\u00e9n, el uso de miniaturas har\u00e1 que aumente la velocidad de carga de la web.<\/li>\n<\/ul>\n\n\n\n<p>Es recomendable no abusar del uso de im\u00e1genes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Implementar un sistema de cach\u00e9<\/strong>. Har\u00e1 que las p\u00e1ginas de la web se carguen de manera m\u00e1s r\u00e1pida. El cache a nivel de servidor procesa las solicitudes de acceso al servidor y consigue que el acceso a la web sea m\u00e1s r\u00e1pido. Existen varios sistemas de cach\u00e9 en m\u00faltiples niveles (tanto de lenguaje, de objetos de queries SQL, y est\u00e1ticos).<\/li>\n\n\n\n<li><strong>Comprime JS y CSS. <\/strong>La compresi\u00f3n de estos ficheros ayudar\u00e1 a mejorar el rendimiento de la web. &nbsp;<\/li>\n\n\n\n<li><strong>Utilizar un CDN.<\/strong> Se trata te un servicio similar al hosting, complementario a este. Aqu\u00ed, podremos alojar de manera \u00fanica y exclusiva los ficheros est\u00e1ticos, es decir, CSS, JS e im\u00e1genes. De esta manera, garantizaremos una entrega de estos ficheros en tiempo r\u00e9cord en el navegador.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Como medir el rendimiento de nuestra web<\/h2>\n\n\n\n<p>Para poder medir rendimiento de una web tendremos como referencia las Core Web Vitals. Estas, son las m\u00e9tricas que utiliza Google para poder aplicar un valor al rendimiento. Se centran en la experiencia del usuario, y tienen en cuenta aspectos como la velocidad de carga, la interactividad y la estabilidad visual.<\/p>\n\n\n\n<p>Se suman a las m\u00e9tricas web que ya exist\u00edan como son la compatibilidad con dispositivos m\u00f3viles, navegaci\u00f3n segura media HTTPS y directrices intrusivas como cuadros de suscripci\u00f3n que ocultan el contenido principal.<\/p>\n\n\n\n<p>Las CWV estar\u00edan formadas por:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>LCP. Mide la velocidad de carga y debe ser menor de 2,5 segundos. El contenido de mayor tama\u00f1o deber\u00e1 visualizarse dentro de este tiempo para obtener una buena experiencia de usuario.<\/li>\n\n\n\n<li>FID. Mide la interactividad y la respuesta. Mide la experiencia cuando el usuario trata de interactuar con la p\u00e1gina web.<\/li>\n\n\n\n<li>CLS. Hace referencia a la estabilidad visual y observa cambios inesperados ocurridos en el dise\u00f1o del contenido. Este valor deber\u00e1 ser de 0,1 o menos para obtener una \u00f3ptima experiencia de usuario.<\/li>\n<\/ul>\n\n\n\n<p>Para poder medir las CWV de una p\u00e1gina web existen varias herramientas, siendo las m\u00e1s utilizadas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/pagespeed.web.dev\/?hl=es\" target=\"_blank\" rel=\"noopener\">Page Speed Insights<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/search.google.com\/search-console\/about\" target=\"_blank\" rel=\"noopener\">Google Search Console<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener\">GTmetrix<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Es muy probable, que en el tiempo que en que tardas en leer este peque\u00f1o p\u00e1rrafo, los usuarios hayan abandonado su sitio web si carece de optimizaci\u00f3n de la velocidad de carga. Y lo peor de todo, es que la mayor parte de esos usuarios no volver\u00e1. El rendimiento es a la velocidad en la [&hellip;]<\/p>\n","protected":false},"author":304,"featured_media":35818,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[50],"tags":[],"class_list":{"0":"post-35796","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-seo"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/35796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/304"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/comments?post=35796"}],"version-history":[{"count":2,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/35796\/revisions"}],"predecessor-version":[{"id":40565,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/35796\/revisions\/40565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/35818"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=35796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/categories?post=35796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/tags?post=35796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}