{"id":16987,"date":"2023-10-23T08:55:54","date_gmt":"2023-10-23T08:55:54","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=16987"},"modified":"2025-08-06T21:33:46","modified_gmt":"2025-08-06T21:33:46","slug":"importance-web-page-size","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/es\/importance-web-page-size\/","title":{"rendered":"Cu\u00e1l es la importancia del tama\u00f1o de la p\u00e1gina web | Sitechecker"},"content":{"rendered":"<p>\u00a1El tama\u00f1o de una p\u00e1gina web es importante! No se trata del dise\u00f1o o del tema del sitio web, sino de algo mucho m\u00e1s simple: todo depende del tama\u00f1o web de la pantalla del monitor de los visitantes del sitio web.<\/p>\n<p>Si el sitio web no est\u00e1 optimizado para cada tama\u00f1o de monitor, se crea una molestia autom\u00e1tica en el usuario. Por lo tanto, es muy importante hacer que tu sitio web sea c\u00f3modo para verlo desde cualquier dispositivo, desde un monitor enorme hasta la pantalla de un peque\u00f1o tel\u00e9fono m\u00f3vil.<\/p>\n<h2 id=\"increasingwebpagesize\">El r\u00e1pido aumento del tama\u00f1o de la p\u00e1gina web<\/h2>\n<p>La primera p\u00e1gina web apareci\u00f3 en 1990. Al agregar todos los tipos de fuentes, im\u00e1genes, videos y archivos CSS \/ JS a los sitios web y con los a\u00f1os de desarrollo tecnol\u00f3gico, el tama\u00f1o de las p\u00e1ginas ha aumentado significativamente. Seg\u00fan la informaci\u00f3n proporcionada por <a href=\"https:\/\/httparchive.org\">httparchive.org<\/a>, En 2010, el tama\u00f1o promedio de la p\u00e1gina web fue de 702kb, mientras que en 2017 fue de 3422kb.<\/p>\n<p>Ahora, vamos a descubrir un poco m\u00e1s sobre las dimensiones del sitio web de <a href=\"http:\/\/gs.statcounter.com\/\">estad\u00edsticas oficiales<\/a>.<\/p>\n<p>Debido a los \u00faltimos datos recopilados en noviembre de 2018, los tama\u00f1os de p\u00e1gina m\u00e1s utilizados son:<\/p>\n<p><strong>Estad\u00edsticas de la resoluci\u00f3n de pantalla de escritorio en todo el mundo:<\/strong><\/p>\n<table border=\"1\" width=\"600\" cellspacing=\"15\" cellpadding=\"15\" align=\"center\">\n<tbody>\n<tr>\n<td>Alto x ancho<\/td>\n<td>1366&#215;768<\/td>\n<td>1920&#215;1080<\/td>\n<td>360&#215;640<\/td>\n<td>1440&#215;900<\/td>\n<td>1536&#215;864<\/td>\n<td>1600&#215;900<\/td>\n<\/tr>\n<tr>\n<td>Utilizado<\/td>\n<td>22.7%<\/td>\n<td>17.94%<\/td>\n<td>7.8%<\/td>\n<td>6.3%<\/td>\n<td>5.05%<\/td>\n<td>4.55%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>En general, estas son las medidas escritorio recomendadas.<\/p>\n<p><strong>Estad\u00edsticas de la resoluci\u00f3n de pantalla m\u00f3vil en todo el mundo<\/strong><\/p>\n<table border=\"1\" width=\"600\" cellspacing=\"15\" cellpadding=\"15\" align=\"center\">\n<tbody>\n<tr>\n<td>Alto x ancho<\/td>\n<td>360&#215;640<\/td>\n<td>375&#215;667<\/td>\n<td>414&#215;736<\/td>\n<td>720&#215;1280<\/td>\n<td>360&#215;720<\/td>\n<td>320&#215;568<\/td>\n<\/tr>\n<tr>\n<td>Utilizado<\/td>\n<td>33.54%<\/td>\n<td>11.07%<\/td>\n<td>5.15%<\/td>\n<td>3.89%<\/td>\n<td>3.67%<\/td>\n<td>3.53%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2 id=\"happen\">\u00bfPor qu\u00e9 ocurri\u00f3 esto?<\/h2>\n<p>Esto puede explicarse por una serie de factores que contribuyen significativamente al aumento del tama\u00f1o de una p\u00e1gina.<\/p>\n<p>A continuaci\u00f3n encontrar\u00e1s las claves.<\/p>\n    <div class=\"blog__conversion blog__conversion-app element__logged_out\">\n        <div class=\"blog__conversion-inner\">\n            <p class=\"title\">Verifique el puntaje SEO de su sitio web<\/p>\n            <p class=\"description\">Audite su sitio web para encontrar qu\u00e9 p\u00e1ginas tienen errores de SEO, c\u00f3mo corregirlos y obtener m\u00e1s tr\u00e1fico<\/p>\n            <form id=\"audit__form\"\n                  class=\"article__seo-search audit__form Audite su sitio web para encontrar qu\u00e9 p\u00e1ginas tienen errores de SEO, c\u00f3mo corregirlos y obtener m\u00e1s tr\u00e1fico\"\n                  action=\"\"\n                  method=\"POST\"\n                  autocomplete=\"off\">\n                <span class=\"error\"><\/span>\n                <div class=\"error__limits\">Something went wrong. Please, try again later.<\/div>\n                <input name=\"url\"\n                       type=\"text\"\n                       placeholder=\"Ingrese su nombre de dominio\">\n                                <button type=\"submit\"\n                        class=\"sitechecker__text\">\n                    <span>Comienzo<\/span>\n                    <img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading.svg\"\n                         width=\"31\"\n                         height=\"30\"\n                         class=\"loading\">\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n    \n<h3 id=\"causes1\">JavaScript<\/h3>\n<p>JavaScript fue creado con la idea de agregar interactividad a las p\u00e1ginas HTML. JavaScript da a los dise\u00f1adores HTML una herramienta de programaci\u00f3n un tanto complicada, pero conveniente.<\/p>\n<p>Aunque la mayor\u00eda de los dise\u00f1adores HTML no tienen nada que ver con la programaci\u00f3n real, JavaScript simplific\u00f3 a\u00fan m\u00e1s su trabajo porque es un lenguaje de scripting con una sintaxis muy simple.<\/p>\n<p>La primera variaci\u00f3n apareci\u00f3 en 1995. Mejor\u00f3 en gran medida hasta que alcanz\u00f3 la forma actual.<\/p>\n<p>Por lo tanto, es una herramienta muy eficaz que proporciona a los dise\u00f1adores las siguientes caracter\u00edsticas:<\/p>\n<ul>\n<li>Agregar o quitar etiquetas;<\/li>\n<li>Cambiar estilos de p\u00e1gina;<\/li>\n<li>Juegos basados en la web;<\/li>\n<li>Informaci\u00f3n sobre la actividad del usuario en la p\u00e1gina;<\/li>\n<li>Realizar cambios en el c\u00f3digo;<\/li>\n<li>Animaci\u00f3n de una p\u00e1gina web.<\/li>\n<\/ul>\n<p>Las aplicaciones de este lenguaje son ilimitadas.<\/p>\n<p>Por lo tanto, es muy importante utilizar JavaScript para tu sitio web, pero no olvides minimizar los archivos, para reducir el tama\u00f1o pantalla de la p\u00e1gina tanto como sea posible y as\u00ed hacer que tu sitio sea f\u00e1cil de usar y atractivo para todos los usuarios.<\/p>\n<h3 id=\"causes2\">Im\u00e1genes<\/h3>\n<p>Las im\u00e1genes son la raz\u00f3n principal del aumento en el tama\u00f1o de las p\u00e1ginas en los \u00faltimos 7 a\u00f1os. Con los a\u00f1os, las im\u00e1genes se han vuelto m\u00e1s frecuentes y es una de las caracter\u00edsticas principales que se utilizan para atraer la atenci\u00f3n de los usuarios. Pocas veces las pocas veces encuentran un art\u00edculo interesante para leer sin im\u00e1genes y nadie va a comprar un art\u00edculo sin ver un ejemplo de c\u00f3mo se ve. Sin embargo, hay soluciones al problema del tama\u00f1o de las imagenes. Algunos servicios como Optimus y Imagify, Sirven para la compresi\u00f3n del tama\u00f1o de la imagen, pero manteniendo la misma alta calidad que influye en la dimensi\u00f3n del sitio web.<\/p>\n<p>Adem\u00e1s, los formatos WebP y FLIF tienen el prop\u00f3sito de reducir a\u00fan m\u00e1s el tama\u00f1o de la imagen y por lo tanto, ayudar a disminuir el tama\u00f1o de las p\u00e1ginas web.<\/p>\n<h3 id=\"causes3\">Fuentes<\/h3>\n<p>\u00bfC\u00f3mo puede una fuente afectar la velocidad de una p\u00e1gina web? Al igual que las im\u00e1genes, la calidad de las fuentes ha ido mejorando con el paso del tiempo y ahora existen millones de variedades disponibles para crear tu propio estilo. Alrededor del 57% de los sitios ahora est\u00e1n utilizando fuentes personalizadas. En 2017, las fuentes de un sitio promedio ocuparon aproximadamente 113kb de espacio, cuando en 2010 este n\u00famero era de solo 2kb. Actualmente, la fuente es muy importante para la marca personal, ya que tiene un impacto en el tama\u00f1o p\u00e1gina web. Por este motivo, debes elegir una fuente que no solo se ajuste al estilo de tu sitio y marca, sino que tambi\u00e9n se cargue de forma r\u00e1pida.<\/p>\n<h3 id=\"causes4\">Videos<\/h3>\n<p>El uso de videos en sitios web ha crecido cada vez m\u00e1s a lo largo de los a\u00f1os. Los videos se utilizan a menudo para atraer la atenci\u00f3n de la audiencia, tambi\u00e9n para la presentaci\u00f3n de alg\u00fan producto y como una herramienta efectiva de SEO.<\/p>\n<p>Sin embargo, los videos de alta calidad afectan realmente el tama\u00f1o del sitio. En los \u00faltimos seis a\u00f1os, el tama\u00f1o de un video promedio ha aumentado a 174 kb, aunque todav\u00eda ocupa aproximadamente el 7.7% del tama\u00f1o total del sitio web. Puede que pronto esto se convierta en un problema mayor a menos que la compresi\u00f3n de video mejore.<\/p>\n<h3 id=\"causes5\">Publicidad<\/h3>\n<p>En el mundo moderno, los anuncios se han convertido en algo m\u00e1s complejo. Ya no est\u00e1n hechos solo de texto plano. Para obtener la mayor atenci\u00f3n, los administradores de redes sociales, , generalmente agregan fotos, animaciones o incluso videos a su publicidad y naturalmente esto aumenta el tama\u00f1o y el tiempo de carga de un sitio web.<\/p>\n<p>\u00bfC\u00f3mo evitar esto? Para resolver este problema, el usuario puede usar un bloqueador de anuncios (ad blocker) que puede ayudar a reducir la visibilidad de los anuncios (su navegador no los cargar\u00e1) y por lo tanto, la velocidad de carga deber\u00e1 aumentar significativamente.<\/p>\n<p>De acuerdo con el art\u00edculo <a href=\"https:\/\/www.nytimes.com\/interactive\/2015\/10\/01\/business\/cost-of-mobile-ads.html?_r=1\">nytimes.com<\/a>, boston.com y otros sitios de noticias similares demoran aproximadamente 33 segundos en cargar 16.3MB sin un bloqueador de anuncios, mientras que el uso de un bloqueador de anuncios reduce considerablemente el tiempo de carga a 7 segundos y disminuye el peso a 3.5MB. Esto es especialmente efectivo en dispositivos m\u00f3viles o tabletas.<\/p>\n<p>Es necesario monitorear los anuncios en el sitio para ver c\u00f3mo afectan la velocidad.<\/p>\n<p>Regula y cambia los anuncios en tu sitio web, para que ocupen la menor cantidad de bytes posible y no ampl\u00eden el tama\u00f1o de la p\u00e1gina. Inclusive puedes eliminar completamente los anuncios si ves que ralentizan demasiado el sitio.<\/p>\n<h2 id=\"mobiledevices\">\u00bfCu\u00e1l es la situaci\u00f3n con los dispositivos m\u00f3viles?<\/h2>\n<p>Seg\u00fan las estad\u00edsticas, las personas utilizan con mayor frecuencia los dispositivos m\u00f3viles. Solo en los \u00faltimos dos a\u00f1os, la cantidad de usuarios de dispositivos m\u00f3viles se ha incrementado en cientos de millones debido a que es mucho m\u00e1s r\u00e1pido y conveniente utilizar tel\u00e9fonos y tabletas en lugar de una PC o computadora port\u00e1til.<br \/>\n<a href=\"https:\/\/www.lukew.com\/ff\/entry.asp?1681\">Lukew.com<\/a> Tiene un art\u00edculo, que nos proporciona los siguientes datos:<\/p>\n<ul>\n<li>En comparaci\u00f3n con la conexi\u00f3n de escritorio promedio, las conexiones 3G son m\u00e1s lentas en un 40%, mientras que las conexiones 4G lo son en un 12%.<\/li>\n<li>De 347 sitios web, aproximadamente el 86% entreg\u00f3 los mismos datos a todos los dispositivos.<br \/>\nEsto significa que la velocidad de la p\u00e1gina sufrir\u00e1 si no est\u00e1 optimizada para dispositivos m\u00f3viles.<\/li>\n<\/ul>\n<p>\u00a1Esto es vital para cada sitio!<\/p>\n<p>Puede requerir sacrificar algunos aspectos, como eliminar una animaci\u00f3n o un video insertado, pero el tama\u00f1o de la p\u00e1gina disminuir\u00e1 significativamente y los usuarios de dispositivos m\u00f3viles estar\u00e1n contentos con la velocidad de carga r\u00e1pida y la excelente experiencia que tendr\u00e1n. As\u00ed que\u2026 \u00a1siempre prueba la velocidad del sitio web!<\/p>\n<h2 id=\"conclusion\">Conclusi\u00f3n<\/h2>\n<p>Tu sitio deber\u00eda funcionar lo m\u00e1s r\u00e1pido posible. Es por ello que, debes hacer todo lo posible para reducir el tiempo de carga en todos los dispositivos:<\/p>\n<p>Presta mucha atenci\u00f3n a las im\u00e1genes, ya que gracias al tama\u00f1o imagen html tienden a ocupar la mayor parte (alrededor del 44%) del tama\u00f1o total del sitio.<\/p>\n<p>Sin embargo, para ajustar el tama\u00f1o promedio de las p\u00e1ginas web, todos los aspectos (desde las fuentes hasta los anuncios) deben optimizarse, como se mencion\u00f3 anteriormente. Esto es muy importante, no solo para atraer nuevos visitantes, sino tambi\u00e9n para mantener la atenci\u00f3n de sus clientes y usuarios leales por muchos a\u00f1os.<\/p>","protected":false},"excerpt":{"rendered":"\u00a1El tama\u00f1o de una p\u00e1gina web es importante! No se trata del dise\u00f1o o del tema del sitio web, sino de algo mucho m\u00e1s simple: todo depende del tama\u00f1o web de la pantalla del monitor de los visitantes del sitio web. Si el sitio web no est\u00e1 optimizado para cada tama\u00f1o de monitor, se crea&#8230;","protected":false},"author":11474150,"featured_media":3353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-v2.php","meta":[],"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/16987"}],"collection":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/users\/11474150"}],"replies":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/comments?post=16987"}],"version-history":[{"count":13,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/16987\/revisions"}],"predecessor-version":[{"id":38131,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/pages\/16987\/revisions\/38131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/media?parent=16987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/categories?post=16987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitechecker.pro\/es\/wp-json\/wp\/v2\/tags?post=16987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}