{"id":3339,"date":"2016-03-08T16:53:26","date_gmt":"2016-03-08T14:53:26","guid":{"rendered":"https:\/\/www.hiberus.com\/blog\/?p=3339"},"modified":"2024-02-05T17:29:39","modified_gmt":"2024-02-05T16:29:39","slug":"consejos-wpo-mejorar-velocidad-de-carga-de-un-comercio-electronico","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/consejos-wpo-mejorar-velocidad-de-carga-de-un-comercio-electronico\/","title":{"rendered":"Consejos WPO para mejorar la velocidad de carga de un comercio electr\u00f3nico"},"content":{"rendered":"<p>Hoy en d\u00eda, con la gran competencia que hay en internet, cuando un usuario accede a un comercio electr\u00f3nico y percibe que su carga es lenta, existe un porcentaje muy alto de que el usuario abandone la compra. Por esa raz\u00f3n, cuando vamos a desarrollar un nuevo proyecto es importante tener en cuenta la <strong>velocidad de carga<\/strong>. Nunca hay que olvidar que es tan importante que un usuario te encuentre a trav\u00e9s del buscador y entre a tu sitio web como que el usuario se mantenga navegando en la p\u00e1gina.<\/p>\n<p>Para que un usuario encuentre tu p\u00e1gina web debe tener un buen posicionamiento seo y debes saber que uno de los factores que los buscadores est\u00e1n teniendo en cuenta a la hora de mostrar los resultados es la velocidad de carga de la web (y, con ello, asegurarse que el usuario va a tener una experiencia de navegaci\u00f3n satisfactoria). <strong>Google tiene muy en cuenta la velocidad de carga de las p\u00e1ginas as\u00ed como la tasa de rebote<\/strong><\/p>\n<p>Por estos factores, se aplica el <strong>WPO (Web Performance Optimization)<\/strong>, en t\u00e9rminos m\u00e1s coloquiales, pr\u00e1cticas para mejorar el tiempo de carga del comercio electr\u00f3nico.<\/p>\n<p>Para realizar un an\u00e1lisis y ejecuci\u00f3n de WPO hay que ver de d\u00f3nde partimos y a d\u00f3nde queremos llegar. Por lo que debemos conocer los tiempos de carga antes de empezar el an\u00e1lisis y marcar as\u00ed unos objetivos.<\/p>\n<h2>C\u00f3mo saber el tiempo de velocidad de carga de tu comercio electr\u00f3nico<\/h2>\n<p>En el mercado hay muchas herramientas para realizar este trabajo. Con nuestros clientes utilizamos principalmente servicios web como:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.webpagetest.org\" target=\"_blank\" rel=\"noopener noreferrer\">Web Page Performance Test<\/a><\/li>\n<li>PageSpeed Insights<\/li>\n<li>Las propias herramientas de desarrollador de los navegadores Google Chrome y Firefox.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3346\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/03\/webpagetest.jpg\" alt=\"Mejorar velocidad de carga de comercio electr\u00f3nico\" width=\"601\" height=\"552\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/03\/webpagetest.jpg 640w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/03\/webpagetest-300x276.jpg 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/03\/webpagetest-360x331.jpg 360w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/p>\n<h2>P\u00e1ginas a optimizar la velocidad de carga<\/h2>\n<p>Las principales p\u00e1ginas a optimizar corresponden aquellas p\u00e1ginas propias de una navegaci\u00f3n normal de un ecommerce.<\/p>\n<p>Estamos hablando de:<\/p>\n<ul>\n<li><strong> Home<\/strong><\/li>\n<li><strong>Listado de productos<\/strong><\/li>\n<li><strong>Ficha de producto <\/strong><\/li>\n<li><strong>Carrito<\/strong>.<\/li>\n<\/ul>\n<h2>Tareas para de optimizaci\u00f3n WPO para ecommerce<\/h2>\n<p>Para cada p\u00e1gina de un proyecto se suelen realizar las tareas que se explican a continuaci\u00f3n:<\/p>\n<ul>\n<li><strong>\u201cMinificar\u201d los ficheros de estilos (css) y JavaScript<\/strong>, o lo que viene a ser lo mismo que comprimir el c\u00f3digo. Realizando esta acci\u00f3n se reduce el peso del fichero y se aceleran los tiempos de carga. Reducir estos recursos puede suponer una reducci\u00f3n de un 24% en alg\u00fan caso.<\/li>\n<li><strong>Cargar los ficheros JavaScript<\/strong> e integraciones con terceros despu\u00e9s de que se haya cargado la p\u00e1gina, es decir, se prioriza nuestro contenido antes que el de terceros. Esta tarea es recomendable, en la medida de lo posible, hacerla de forma as\u00edncrona.<\/li>\n<li><strong>Comprobar que la carga de est\u00e1ticos se hace desde un servidor CDN.<\/strong> Los servidores de CDN est\u00e1n preparados para servir el contenido est\u00e1tico con una mayor velocidad, al identificar qu\u00e9 servidor es el m\u00e1s cercano al usuario. Es recomendable que nuestra web cuente con uno. (Llamamos contenido est\u00e1tico a las im\u00e1genes, JavaScript y hojas de estilos)<\/li>\n<li><strong>Optimizaci\u00f3n de im\u00e1genes<\/strong> comprimi\u00e9ndolas sin bajar su calidad. Existen muchas herramientas para realizar esta compresi\u00f3n, por ejemplo<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\"> la herramienta que proporciona Google.<\/a><\/li>\n<li><strong>Especificar la cach\u00e9 de navegaci\u00f3n<\/strong>, es decir, aprovechar el almacenamiento en cach\u00e9 del navegador de los clientes para el contenido est\u00e1tico. Hay que establecer una fecha de caducidad o una edad m\u00e1xima en las cabeceras HTTP de las peticiones de dicho contenido est\u00e1tico. Esta fecha le indica al navegador que dicho contenido no ha sido modificado desde la \u00faltima vez que lo consult\u00f3, por lo que lo va a cargar desde su propio navegador. Con esto evitamos que se haga una petici\u00f3n al CDN, siendo m\u00e1s r\u00e1pida su carga y visualizaci\u00f3n en pantalla por el usuario. Esta acci\u00f3n se realiza en la configuraci\u00f3n del servidor.<\/li>\n<li><strong>Unificar diferentes JavaScript en uno gen\u00e9rico<\/strong> de este modo solo se realiza una petici\u00f3n y la carga es m\u00e1s r\u00e1pida.<\/li>\n<li><strong>Las im\u00e1genes de los popup, carruseles o subcategor\u00edas<\/strong> que el usuario no visualiza en pantalla, cargarlas en el momento de su utilizaci\u00f3n, no antes. Con esto se reduce el n\u00famero de peticiones al servidor.<\/li>\n<\/ul>\n<p>En<a href=\"https:\/\/www.hiberus.com\/agencia-digital?utm_source=BlogHiberus&amp;utm_medium=categoria-internet&amp;utm_campaign=wpo-ecommerce\" target=\"_blank\" rel=\"noopener noreferrer\"> Hiberus Digital <\/a>conocemos la importancia del WPO en un ecommerce. Nuestro equipo seguir\u00e1 las fases necesarias para reducir el tiempo de carga en tres segundos y, con ello, aumentar el tr\u00e1fico a la web y mejorar la experiencia del usuario.<\/p>\n        <div class=\"row\">\n            <div class=\"block-cta-form\" style=\"background-color: #003664;\">\n                <div class=\"content-cta-form\">\n                    <div class=\"text-cta-form\">\n                        <p class=\"title-cta-form\">\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de agencia digital y tecnolog\u00eda para ecommerce?<\/p>\n                        <p>Contacta con nuestro equipo de hiberus digital<\/p>\n                    <\/div>\n                    <div class=\"form-fields\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f33973-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"33973\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/3339#wpcf7-f33973-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"33973\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f33973-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div id=\"responsive-form\" class=\"clearfix\">\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"apellido\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Apellido *\" value=\"\" type=\"text\" name=\"apellido\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"correo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo corporativo *\" value=\"\" type=\"email\" name=\"correo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"telf-contacto\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono *\" value=\"\" type=\"tel\" name=\"telf-contacto\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"compania\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Compa\u00f1ia *\" value=\"\" type=\"text\" name=\"compania\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Mensaje *\" name=\"mensaje\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"politica\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"politica\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"https:\/\/www.hiberus.com\/politica\" target=\"_blank\"><u>Pol\u00edtica de privacidad<\/u><\/a><\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"marketing\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"marketing\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Me gustar\u00eda recibir comunicaciones de marketing de Hiberus y sobre sus productos, servicios y eventos.<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Contacta con nosotros\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div id=\"campos_ocultos\" class=\"hidden\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new1\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new3\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new3\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new3\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new4\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new4\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new4\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new_p\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new_p\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new_p\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!--end responsive-form--><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"<p>Hoy en d\u00eda, con la gran competencia que hay en internet, cuando un usuario accede a un comercio electr\u00f3nico y percibe que&#8230;<\/p>\n","protected":false},"author":61,"featured_media":8780,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_ayudawp_aiss_exclude":false,"footnotes":""},"categories":[3,229,233],"tags":[34],"class_list":{"0":"post-3339","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-negocio-electronico","8":"category-generacion-trafico","9":"category-tecnologias-ecommmerce","10":"tag-ecommerce"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/3339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/comments?post=3339"}],"version-history":[{"count":3,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/3339\/revisions"}],"predecessor-version":[{"id":40500,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/3339\/revisions\/40500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media\/8780"}],"wp:attachment":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media?parent=3339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/categories?post=3339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/tags?post=3339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}