Cómo reducir el tamaño de sus páginas en WordPress
Publicado: 2022-09-16Una de las quejas más comunes sobre WordPress es que puede crear páginas demasiado grandes y lentas para cargar. Hay varias maneras de reducir el tamaño de sus páginas y acelerar su sitio. Una forma de reducir el tamaño de sus páginas es optimizar sus imágenes. Cada vez que cargue una imagen en su sitio, WordPress creará automáticamente múltiples versiones de esa imagen en diferentes tamaños. Sin embargo, no siempre hace un buen trabajo al elegir el tamaño adecuado para cada imagen. Puede reducir el tamaño de archivo de sus imágenes sin perder calidad utilizando un complemento de compresión de imágenes como WP Smush. Este complemento optimizará automáticamente sus imágenes a medida que las cargue. Otra forma de reducir el tamaño de sus páginas es asegurarse de no usar demasiados complementos. Los complementos son geniales, pero cada uno agrega código a sus páginas que pueden hacerlas más grandes y más lentas para cargar. Si no está utilizando un complemento, desactívelo y elimínelo de su sitio. También puede reducir el tamaño de sus páginas minimizando sus archivos CSS y JavaScript. Esto significa eliminar todos los caracteres innecesarios de su código, lo que puede hacer que sus páginas sean hasta un 50 % más pequeñas. Puede usar un complemento como WP Minify para automatizar este proceso. Finalmente, puede usar una red de entrega de contenido (CDN) para cargar sus páginas más rápido. Una CDN almacena sus archivos estáticos (como imágenes y archivos CSS) en servidores de todo el mundo y los entrega a sus visitantes desde el servidor más cercano. Esto puede hacer que sus páginas se carguen hasta tres veces más rápido. Puede usar un CDN gratuito como CloudFlare o un servicio pago como MaxCDN. Siguiendo estos consejos, puede reducir el tamaño de sus páginas y acelerar su sitio de WordPress.
Hay tres formas de reducir el tamaño de las páginas en un sitio de WordPress. Un sitio web de WordPress se puede personalizar cambiando el diseño para que se ajuste a las necesidades de los usuarios, por ejemplo, si la página es grande o pequeña, larga o ancha. Cambiar el código del tema de su sitio web es el método final, en lugar de simplemente cambiarlo. También es posible influir en su ranking de Google cargando su sitio web lentamente o de manera lenta en el navegador de un usuario. Una herramienta de optimización del tamaño de la página de WordPress utiliza temas, complementos, codificación y otras herramientas para acelerar los tiempos de carga. Se pueden usar para tomar sus páginas web y eliminar la codificación innecesaria, así como para reducir el tamaño de las imágenes y los estilos de fuente. Page Speed Booster echa un vistazo a su página y determina qué activos están cargados.
Cuando instala AMP para WP, puede agregar páginas móviles aceleradas (proyecto Google AMP) a su sitio de WordPress. Cuando WP Meteor pospone la carga y activación de scripts hasta que se procesa una página, obtendrá un aumento de 2x-5x en las métricas de Page Speed. Según un experto en rendimiento web de WProcket, un megabyte es el tamaño ideal para páginas web de carga rápida. El tamaño de las imágenes en un sitio web de WordPress es uno de los factores que influye en su velocidad o lentitud. En el caso de las imágenes, usar un complemento de optimización de imágenes para su sitio web de WordPress sería una mejor opción.
Cómo reducir el tamaño de página en Html

Una forma de reducir el tamaño de una página HTML es eliminar cualquier espacio en blanco innecesario. Esto incluye líneas en blanco o espacios adicionales entre caracteres. Otra forma de reducir el tamaño de una página HTML es utilizar un archivo CSS para almacenar información de estilo, como el tamaño de fuente, el color y el espaciado. De esta forma, la página HTML puede ser más pequeña porque no necesita incluir esta información de estilo.
Corre el riesgo de perder tráfico si no optimiza la velocidad de carga de su sitio web. Una de las causas más comunes de las enfermedades del sitio web es el tamaño de la página HTML. El contenido y las imágenes más populares provienen de videos e imágenes que son los más valiosos para las páginas. Serpstat y Sitechecker son dos de las herramientas más efectivas para optimizar el peso de la página. Las medidas externas incluyen el ajuste de la configuración de las fuentes web, las rutas CSS y JS, el almacenamiento en caché de imágenes y encabezados y Gzip. Puede reducir el peso de la página utilizando los métodos que se describen a continuación. Una activación de gzip permite comprimir y restaurar archivos.
Algunos sitios web utilizan la red de entrega de contenido (CDN). Agregue peso a la página usando imágenes grandes , pero limite el tamaño según el bloque donde se muestra la imagen. Analice los botones de compartir y me gusta en la página de compartir. Asegúrese de que si los botones no son importantes para su sitio web, no existen. Los efectos deben ser optimizados. Al usar efectos CSS3, los resultados son mejores. Esta opción se utiliza como una configuración de tamaño de página web en lugar de una configuración de collage de imágenes.
Asegúrese de que los gráficos estén marcados en SVG en lugar de usar el lenguaje de marcado predeterminado. GZIP y CDN se pueden usar para optimizar los tamaños de página y se puede habilitar el almacenamiento en caché del navegador. Además, se puede utilizar una serie de otras técnicas para reducir el tamaño de la página, incluida la eliminación de fuentes y componentes de código innecesarios, la compresión y el almacenamiento en caché de imágenes, etc. Este artículo es un ejemplo de una lista de verificación de Serpstat.
Complemento de WordPress para reducir el tamaño de la página

Reduce Page Size es un complemento de WordPress que le permite reducir el tamaño de sus páginas comprimiendo sus archivos HTML, CSS y JavaScript. Esto puede ayudar a mejorar el rendimiento de su sitio web y reducir el uso de ancho de banda.
Cómo cambiar el tamaño de página en WordPress

Para cambiar el tamaño de la página en WordPress, deberá ir a Configuración> Página de lectura. Desde aquí, puede cambiar la opción "Las páginas de blog se muestran como máximo" a la cantidad deseada de publicaciones por página.
Este artículo lo guiará a través de cómo cambiar el tamaño de una imagen en una página/publicación de WordPress. Además, la página incluye pasos para agregar imágenes a una página usando un bloque de imágenes. Puede encontrar configuraciones adicionales de bloqueo de imágenes aquí. En esta sección, aprenderá más sobre cómo personalizar sus imágenes. En la mayoría de los casos, el menú desplegable Vincular a se establece en 0. La opción de página de adjuntos lleva al usuario a la página donde se muestra la imagen como adjunto. Debido a que esta URL no muestra la ruta del archivo en su servidor, es una opción más segura.
Cómo mostrar contenido de tipo de publicación personalizado en ancho completo
Seleccione el tipo de publicación personalizada que desee en el menú Widgets. Al hacer clic en él, verá la opción de ancho completo. Existe la opción Publicaciones de página o Todas las publicaciones.
Cómo reducir el tamaño de página en Chrome

Chrome deja en claro que el nivel de zoom debe establecerse al 100%. Para ajustar manualmente la configuración, presione la tecla Ctrl y el combo "+" o "-" para aumentar o disminuir la ampliación de la página. Mantenga presionada la tecla Ctrl del teclado y use la rueda del mouse para acercar o alejar, dependiendo de cómo use el mouse.

Cómo verificar el tamaño de la página en WordPress
No hay una respuesta única para esta pregunta, ya que el tamaño de la página variará según el tema y los complementos que esté utilizando. Sin embargo, hay algunos consejos generales que puede seguir para asegurarse de que sus páginas tengan el tamaño correcto:
1. Use un tema receptivo: un tema receptivo ajustará automáticamente el tamaño de la página para adaptarse al dispositivo en el que se está viendo, por lo que no tiene que preocuparse por crear páginas separadas para diferentes tamaños de pantalla.
2. Use complementos que ofrezcan diseños receptivos: si está utilizando complementos que agregan contenido a sus páginas (por ejemplo, controles deslizantes, galerías, etc.), asegúrese de que ofrezcan diseños receptivos para que el tamaño de la página pueda ajustarse en consecuencia.
3. Pruebe sus páginas en diferentes dispositivos: use una variedad de dispositivos (por ejemplo, computadoras de escritorio, portátiles, tabletas, teléfonos inteligentes) para probar sus páginas y ver cómo se ven. Esto le ayudará a identificar las áreas en las que se debe ajustar el tamaño de la página.
SmallSeoTools ha desarrollado una serie de herramientas de SEO en los últimos años, incluida una llamada Page Size Checker. La velocidad a la que se abre una página web determina el rendimiento de cualquier sitio web. Según el tamaño medio de una página web, tarda unos 12 KB en cargarse. Page Size Checker es simple, rápido y de uso completamente gratuito, y se puede encontrar en casi cualquier sitio web. Para inspeccionar una página web, simplemente ingrese la URL en el cuadro de texto y presione el botón verde Verificar. Verá los resultados en unos segundos, incluido el tamaño de la página tanto en kilos como en bytes.
¿Por qué WordPress es el mejor sistema de gestión de contenido?
WordPress, un sistema de administración de contenido (CMS), le permite crear un nuevo sitio web o blog desde cero, o actualizar un sitio web existente. WordPress es un software gratuito y de código abierto que se basa en la licencia GPLv2.
Optimización del tamaño de página
GZIP y CDN se pueden usar para aumentar el tamaño de la página, así como para activar el almacenamiento en caché del navegador. Para reducir el tamaño de la página, también puede eliminar fuentes y componentes de código innecesarios, comprimir y almacenar imágenes en caché, y hacer otras cosas.
El tamaño de página se puede reducir haciéndolo más pequeño o utilizando un tamaño de página óptimo. Cuando se utiliza un esquema de paginación, el espacio de direcciones virtuales en una tabla de páginas es de 4 KB y el tamaño de entrada de la tabla de páginas es de 8 bytes. El tamaño del proceso y el tamaño de entrada de la tabla de páginas son constantes, lo que distingue la sobrecarga asociada con el tamaño de la página, y este tamaño de página reduce los costos totales para una sobrecarga mínima. ¿Cuál es el tamaño de página óptimo? El tamaño de página óptimo se define como el tamaño de la página que es menos costoso de mantener. Las páginas se dividen en procesos como parte de la priorización del sistema operativo. En un esquema de paginación, el espacio de direcciones virtuales en la tabla de páginas es de 32 bytes y el tamaño de entrada de la tabla de páginas es de 256 GB. ¿Cuál es el mejor tamaño de página para un sitio web?
Reducir el peso de la página
Reducir el peso de la página es un proceso de hacer que una página web sea más pequeña y más rápida de cargar. Esto se puede hacer mediante la optimización de imágenes, la minimización de CSS y JS y el uso de una red de entrega de contenido.
La hinchazón de la página es causada principalmente por imágenes en un sitio. La forma más rentable de optimizar sus imágenes es usar la mayor compresión y niveles de calidad posibles. Si la compresión es demasiado alta, la calidad se verá afectada negativamente, pero a veces es posible encontrar una calidad que reduzca significativamente el tamaño del archivo. Puede reducir el tamaño de los archivos cambiando el formato de imagen y la paleta. Cuando se utiliza un archivo PNG8 en lugar de un archivo PNG24, el resultado es un archivo mucho más pequeño. Se pueden usar herramientas gratuitas como ImageOptim, PNG Gauntlet, JPEG Optimizer y TinyPNG para comprimir y optimizar sus imágenes lo antes posible. El tamaño de la imagen que está viendo debe ser el mismo que el tamaño que va a mostrar.
La imagen del lado del servidor se puede ampliar de varias maneras. Este artículo explica cómo optimizar imágenes móviles usando el módulo PageSpeed y DeviceAtlas. Jason Grigsby ha compilado una lista en línea de software y servicios de optimización de imágenes gratuitos y de pago. ImageMagick es un conjunto fantástico de herramientas del lado del servidor que se pueden usar para transformar datos por lotes. Las herramientas en línea también son buenas opciones para convertir entre formatos de imagen. Lazy loading significa que una imagen no se carga hasta que se requiere. Cuando solo se descarga una parte de una página, la cantidad de bytes descargados se reduce en muchos casos.
Al reducir el tamaño de los archivos basados en texto, el procedimiento de minificación se puede utilizar para eliminar caracteres innecesarios, como espacios en blanco, caracteres de nueva línea y comentarios. Como resultado, no hay necesidad de enviar datos al navegador, lo que genera ganancias de rendimiento mucho mayores sin inconvenientes de rendimiento. Debería poder usar gzip en su servidor ahora mismo. Si no tiene acceso a NGINX, primero debe activarlo en su servidor de alojamiento (por ejemplo, Apache, NGINX). El almacenamiento en caché puede ayudar a reducir la cantidad de solicitudes enviadas a los servidores. En otras palabras, descarga solo la primera página y el recurso en una solicitud, por lo que no puede descargar nada dos veces. Al establecer encabezados de caché, puede especificar cuánto tiempo debe permanecer en caché un recurso específico.
La cantidad de texto modelo que necesita en cada página puede no ser tan importante. Un tweet de 140B, por ejemplo, contiene 74 KB de datos incrustados, que es bastante carga útil. Si insiste en usar una fuente web, es posible que pueda tener una versión más pequeña con menos caracteres de los que necesita. Los anuncios desperdician páginas web y con frecuencia van acompañados de una excesiva hinchazón. Las páginas que son diferentes para diferentes dispositivos, como dispositivos móviles o de escritorio, pueden mantener el peso bajo. Puede guardar todas sus imágenes comprimiéndolas. Se puede cambiar el tamaño de las imágenes agregando una escala o ampliación.
Las dimensiones de las imágenes deben cambiarse para que se correspondan con su uso previsto. Evite las fuentes personalizadas y use una fuente optimizada si desea guardar su obra de arte. Para simplificar la estructura de su sitio web, use CSS en lugar de imágenes, y para agregar ligereza, use CSS en lugar de imágenes.
Cómo el peso de la página afecta la velocidad del sitio web
Google utiliza varios métodos para determinar el peso de las páginas de un sitio web. Para saber cuántos archivos hay en un sitio web, puede usar el tamaño total. Esta categoría incluye imágenes, PDF y archivos CSS. Un tamaño de archivo grande hará que un sitio web pierda peso. Se puede utilizar un peso métrico para determinar el peso de la página. Un estilo de papel se pesa 1 metro cuadrado y se registra en gramos por metro cuadrado (g/m2) utilizando este método. Para una página, un sitio web que pese 25 g/m2 tendrá un peso de 2,5 MB. El peso de una página puede tener un impacto en la velocidad de un sitio web. Si un sitio web tiene muchos archivos grandes , el cálculo de la velocidad de la página se verá afectado. Si un sitio web tiene un alto peso de página, Google puede penalizarlo.