{"id":1227,"date":"2020-09-10T08:25:37","date_gmt":"2020-09-10T11:25:37","guid":{"rendered":"https:\/\/www.hostdime.com.ar\/blog\/?p=1227"},"modified":"2020-09-10T10:33:30","modified_gmt":"2020-09-10T13:33:30","slug":"la-importancia-de-una-pagina-web-rapida-veloz","status":"publish","type":"post","link":"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/","title":{"rendered":"La importancia de una p\u00e1gina web r\u00e1pida, veloz"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Empiezo por una parte conflictiva, que puede causar discordia, alarma: no porque Pagespeed lo diga o Lighthouse (ambas herramientas de Google), eso es lo de menos. Lo hacemos para facilitar las cosas a los usuarios, sobre todo pensando en conexiones desde m\u00f3viles, que suele ser muy lenta, sobre todo en latinoam\u00e9rica, donde es normal que zonas apartadas de las grandes ciudades, las conexiones pueden ser 2G y menos.<\/span><!--more--><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">A la larga, los indicadores de velocidad intentan imitar y reflejar lo que necesita el consumidor final y no al contrario.<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69da2c2500380\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69da2c2500380\"  aria-label=\"Alternar\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/#UX_la_experiencia_de_usuario\" >UX, la experiencia de usuario<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/#Sitios_desconocidos_frente_a_sitios_de_autoridad\" >Sitios desconocidos frente a sitios de autoridad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/#%C2%BFCuales_herramientas_usamos_para_optimizar_un_sitio_web\" >\u00bfCu\u00e1les herramientas usamos para optimizar un sitio web?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/#%C2%BFComo_es_una_rutina_de_optimizacion\" >\u00bfC\u00f3mo es una rutina de optimizaci\u00f3n?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/#Puntos_relevantes_a_considerar\" >Puntos relevantes a considerar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.hostdime.com.ar\/blog\/la-importancia-de-una-pagina-web-rapida-veloz\/#Conclusion\" >Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"UX_la_experiencia_de_usuario\"><\/span><span style=\"color: #ff6600;\">UX, la experiencia de usuario<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Al mejorar la experiencia del usuario, tenemos mayores probabilidades que este navegante, regrese o profundice sus consultas en nuestro sitio, compre nuestro producto o servicio o compre nuestro concepto o filosof\u00eda de trabajo.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Esto en el lenguaje de los expertos puede ser traducido como mayores tasas de conversi\u00f3n<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">De paso, se dice que los motores de b\u00fasqueda le asignan una mayor importancia relativa a este tipo de sitios. Aqu\u00ed llamo la atenci\u00f3n sobre \u201crelativa\u201d, el que nuestro sitio cargue en 10 segundos no garantiza que aparezca en primeras posiciones si no tiene otros factores relevantes como contenido de calidad, antig\u00fcedad, referencias, estructura l\u00f3gica y sencilla, se trata de otro factor no de \u201cel factor\u201d.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sitios_desconocidos_frente_a_sitios_de_autoridad\"><\/span><span style=\"color: #ff6600;\">Sitios desconocidos frente a sitios de autoridad<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">As\u00ed como mencionaba en el p\u00e1rrafo anterior, la velocidad es un requisito indispensable y \u00fanico para sitios nuevos si pretenden poder competir de alguna forma contra marcas o sitios bien reputados en la web.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Cuando se posee autoridad, as\u00ed el sitio sea lento, no sea responsive o incumpla otro tipos de optimizaciones onpage o de SEO t\u00e9cnico, la velocidad no es definitiva, al menos para las clasificaciones de los resultados. Tiene su peso, es claro pero pueden ladear la balanza los factores como calidad o reputaci\u00f3n.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFCuales_herramientas_usamos_para_optimizar_un_sitio_web\"><\/span><span style=\"color: #ff6600;\">\u00bfCu\u00e1les herramientas usamos para optimizar un sitio web?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Ya mencion\u00e9 dos en la parte superior, tanto pagespeed insights como Lighthouse (del men\u00fa inspeccionar de Google Chrome), pero me gusta tener como alternativa a Gtmetrix, todas ellas usadas en modo inc\u00f3gnito, preferiblemente sin ninguna extensi\u00f3n activada.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFComo_es_una_rutina_de_optimizacion\"><\/span><span style=\"color: #ff6600;\">\u00bfC\u00f3mo es una rutina de optimizaci\u00f3n?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/i0.wp.com\/www.hostdime.com.ar\/blog\/wp-content\/uploads\/2020\/09\/Como-es-una-rutina-de-optimizacion-Blog.png?ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"alignleft wp-image-1234\" src=\"https:\/\/i0.wp.com\/www.hostdime.com.ar\/blog\/wp-content\/uploads\/2020\/09\/Como-es-una-rutina-de-optimizacion-Blog.png?resize=500%2C331&#038;ssl=1\" alt=\"Como-es-una-rutina-de-optimizacion-Blog\" width=\"500\" height=\"331\" \/><\/a><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Activar la compresi\u00f3n de c\u00f3digo a nivel servidor<\/span><\/li>\n<li style=\"text-align: justify;\">Verificar que se tiene la \u00faltima versi\u00f3n del software usado, desde Sistema operativo, pasando por Php si fuere preciso y as\u00ed sucesivamente. Esto resulta crucial no solo por velocidad sino por seguridad.<\/li>\n<li style=\"text-align: justify;\">En el caso de Php miro sobre todo si tiene determinadas extensiones, como memcache por ejemplo activadas.<\/li>\n<li style=\"text-align: justify;\">Entro a optimizar varios elementos desde el .htaccess como tiempos de cach\u00e9. Este orden puede ser alterado si se trata de un WordPress, porque en este caso, primero optimizo los plugins de cach\u00e9 correspondientes y s\u00f3lo despu\u00e9s de hacer esto reviso el .htaccess.<\/li>\n<li style=\"text-align: justify;\">Generalmente y como parte del proceso se optimizan las im\u00e1genes, en cuanto a tama\u00f1o y peso, esto se puede hacer con plugins o desde el cpanel entre otras formas.<\/li>\n<li style=\"text-align: justify;\">Se auditan la cantidad y calidad de los complementos o widgets usados.<\/li>\n<li style=\"text-align: justify;\">Se eval\u00faa la pertinencia de los request, que incluyen videos, audios o documentos insertados, esto es una valoraci\u00f3n costo\/utilidad. Se toman decisiones al respecto.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Puntos_relevantes_a_considerar\"><\/span><span style=\"color: #ff6600;\">Puntos relevantes a considerar<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Como siempre, esto solo es una peque\u00f1a gu\u00eda, un esquema base, de referencia:<\/p>\n<ol>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Realice menos solicitudes HTTP<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Utilice una red de distribuci\u00f3n de contenido<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Agregar un encabezado expira<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Componentes de Gzip<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Coloque las hojas de estilo en la parte superior<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Ponga Scripts en la parte inferior<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Evite las expresiones CSS (ni siquiera si los navegadores las admiten hoy en d\u00eda)<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Hacer JavaScript y CSS externos<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Reducir las b\u00fasquedas de DNS (evitar varios dominios)<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Minificar JavaScript<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Evite los redireccionamientos<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Eliminar secuencias de comandos duplicadas<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Elimine los errores 404<\/span><\/li>\n<li style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Emplee https y http\/2<\/span><\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><span style=\"color: #ff6600;\">Conclusi\u00f3n<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Cualquier tipo de ajuste, mejora o transformaci\u00f3n de un sitio web ha de hacerse no para \u201cmanipular\u201d o \u201cquerer manipular\u201d a un motor de b\u00fasqueda, se hace porque queremos mejorar nuestra relaci\u00f3n con el visitante y darle el contenido que busca de la manera m\u00e1s expedita posible.<\/span><\/p>\n<p style=\"text-align: justify;\">Como est\u00e1n las cosas, un usuario promedio de internet quiere y tiene necesidades puntuales, si su sitio web posee esta soluci\u00f3n a sus problemas, dudas o b\u00fasquedas y lo hace muy r\u00e1pido, tiene muy buen punto de partida.<\/p>\n<p style=\"text-align: justify;\">Al final del d\u00eda, los sitios web lentos tendr\u00e1n una baja cantidad de conversiones, una alta tasa de rebote y una baja cantidad de p\u00e1ginas por visita. B\u00e1sicamente, un sitio lento significa que la gente se rescatar\u00e1 porque nadie tiene la paciencia de esperar a que se cargue un sitio web. Esto es a\u00fan m\u00e1s importante para las empresas cuando hay un embudo de conversi\u00f3n largo en el sitio web. Siempre hay una ca\u00edda cuando un embudo de conversi\u00f3n tiene varios pasos y p\u00e1ginas, pero cuando tambi\u00e9n tiene un sitio web lento y los usuarios intentan atravesar un embudo de conversi\u00f3n m\u00e1s complejo, esa ca\u00edda se amplifica.<\/p>\n<p>Leer tambi\u00e9n:\u00a0<a href=\"https:\/\/www.hostdime.com.ar\/blog\/como-impulsar-y-optimizar-el-rendimiento-de-su-moodle-lms\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo impulsar y optimizar el rendimiento de su Moodle LMS<\/a> ;\u00a0<a href=\"https:\/\/www.hostdime.com.ar\/blog\/como-maximizar-el-tiempo-de-actividad-uptime-con-5-estrategias-proactivas\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo maximizar el tiempo de actividad (uptime) con 5 estrategias proactivas<\/a> ;\u00a0<a href=\"https:\/\/www.hostdime.com.ar\/blog\/prueba-nivel-servidor-vps-de-open-litespeed-mediciones-de-velocidad\/\" target=\"_blank\" rel=\"noopener noreferrer\">Prueba a nivel servidor Vps de Open litespeed, mediciones de velocidad<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Empiezo por una parte conflictiva, que puede causar discordia, alarma: no porque Pagespeed lo diga o Lighthouse (ambas herramientas de Google), eso es lo de menos. Lo hacemos para facilitar las cosas a los usuarios, sobre todo pensando en conexiones [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1235,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[10,11],"tags":[],"class_list":["post-1227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-web","category-seo"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostdime.com.ar\/blog\/wp-content\/uploads\/2020\/09\/La-importancia-de-una-pagina-web-rapida-veloz-Blog.png?fit=1440%2C954&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pd4OSL-jN","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/posts\/1227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/comments?post=1227"}],"version-history":[{"count":0,"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/posts\/1227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/media\/1235"}],"wp:attachment":[{"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/media?parent=1227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/categories?post=1227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostdime.com.ar\/blog\/wp-json\/wp\/v2\/tags?post=1227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}