homefinance blog
¿Desea que su sitio de WordPress haga menos solicitudes HTTP? Esto esencialmente indica que el número de cosas de carga (solicitudes) en su plataforma debe reducirse. Cada vez que visita un sitio web, muchas cosas tecnológicas suceden detrás de escena. Su navegador solicita y recibe archivos en segundo plano a medida que las palabras y las fotos se cargan en su computadora. Dichas solicitudes HTTP ralentizan la página de efecto, que tiene un impacto en la interfaz con el usuario, la tasa de rechazo y el SEO. El programa se cargará más rápido si envía menos solicitudes HTTP al servidor.
Hoy en día, es una necesidad tener un sitio web de carga rápida, una tienda en línea o un blog. Un sitio web rápido no solo ofrece una mejor experiencia para sus visitantes, sino que también ayuda a su sitio a clasificarse arriba. Enviar menos solicitudes HTTP al servidor puede ayudar a que su sitio se cargue más rápido. Hoy demostraré cómo hacer menos solicitudes HTTP en WordPress. ¿Qué es HTTP realmente? HTTP (Protocolo de transferencia de hipertexto) es un protocolo de cliente cliente para tomar recursos, como un documento HTML. HTTP es el elemento esencial de la transferencia de datos en Internet; Sin él, no podrá leer archivos u otros documentos en ningún sitio web. La solicitud HTTP y la respuesta HTTP se utilizan para comunicarse entre el cliente y el servidor.
¿Cuáles son las solicitudes HTTP? Muchos componentes diferentes forman un sitio web. Los archivos de imagen se utilizan en un sitio web, las hojas de estilo CSS controlan cómo aparece el contenido, los archivos JavaScript ofrecen toda esta maravillosa funcionalidad, etc. Cuando alguien visita una página en su blog, su navegador envía un ping a su servidor web, pidiendo archivos que incluyan el contenido de la página. Los archivos XML, CSS y JavaScript, así como fotos, iconos y otros archivos son ejemplos de dichos archivos. El protocolo utilizado para comunicarse entre estos dos automóviles, el navegador y su servidor, es HTTP, lo que significa protocolo de transferencia de hipertexto. Es importante tener en cuenta que cada elemento es su propia solicitud HTTP. Por ejemplo, si un sitio web tiene seis archivos de imagen, el navegador debe realizar seis solicitudes HTTP separadas.
El artículo continúa a continuación
De la misma manera, si instala cinco complementos de WordPress, cada uno con su propia hoja de estilo, el navegador de visitantes tendrá que realizar cinco solicitudes HTTP separadas. ¿Por qué debería reducir las solicitudes HTTP? Para mostrar correctamente, una página web debe descargar información como imágenes, hojas de estilo y scripts. Un navegador envía una solicitud HTTP a los servidores de su sitio para obtener esta información. Cuanto más tarda hasta que se carga su página, más solicitudes HTTP. Cuanto más tiempo lleva hasta que se carga una página, más probabilidades de los usuarios la abandonan y es menos probable que aparezca en SNF. Eso es malo para los negocios en general.
¿Cómo consultar la solicitud HTTP de su sitio? Saber cuántas solicitudes HTTP hacen sus páginas web puede ayudarlo a determinar si debe hacer menos consultas para mejorar la velocidad de la página. En general, cuanto más genera más solicitudes HTTP, más lento se vuelve. Debe minimizar el número de consultas realizadas por sus páginas web si hacen demasiado. Si usa Chrome, puede examinar cuántas solicitudes HTTP generan su sitio cada vez que se carga utilizando herramientas de desarrolladores de navegadores. Para hacer esto, haga clic derecho en la página que desea inspeccionar en su sitio y seleccione “Inspeccionar”. Luego seleccione la “Red” en el menú Drop -down. La red muestra las actividades de red de su página web. Actualice el sitio web con el panel abierto para seguir lo que sucede al cargar y verá solicitudes HTTP como es el caso en tiempo real. ¿Cuántas solicitudes HTTP hay demasiadas? Está determinado por las áreas de las que provienen las solicitudes. Cuando una página recibe más de 20 solicitudes HTTP del mismo dominio, es hora de comenzar a pensar en reducir el número. También depende de la página en la que trabaje. Se puede encontrar más información aquí. Cómo hacer manualmente menos solicitudes HTTP Elimine las fotos que ya no se necesiten como se mencionó anteriormente, más archivos significa más solicitudes.
Como resultado, el propósito es reducir la cantidad de archivos y elementos gráficos que debe cargar una página web. Como resultado, se reduce el número de solicitudes HTTP y se puede mejorar el tiempo de carga de la página web.
El artículo continúa a continuación
Hay dos cosas para recordar aquí: eliminar las imágenes que ya no se necesitan de su colección de medios. Te sorprenderá descubrir cuántas fotos ya no usas.
Si desea reducir las solicitudes del servidor HTTP, no sacrifique las imágenes. El propósito es deshacerse de las fotos que no sean necesarias, no reducir la cantidad de imágenes que usa regularmente.
Una vez que haya estado ocupado, puede revisar los archivos y eliminar los que no necesita. Podría ser un video construido o un complemento de redes sociales de tercera parte, por ejemplo.
Identifique los diferentes aspectos que usa su sitio, luego elimine aquellos que aún no son necesarios para consumir sus recursos. Deshágase de estos y la velocidad de carga de su sitio aumentará. Haga las imágenes más pequeñas que puede haber eliminado un número significativo de fotos. Sin embargo, se quedarían muchas fotos. Y no puedes deshacerte de ellos. No deberías hacerlo. Como resultado, el siguiente paso es reducir el tamaño del archivo de imagen que usará en su sitio web. Para reducir el tamaño de las fotos que usa, puede usar complementos como WP Smush y Ewww Optimizer. También es una buena idea elegir fotos optimizadas para la web. Cuando sea factible, por ejemplo, use las imágenes.jpg en lugar de.png.
Una de las estrategias más básicas para aumentar la velocidad de carga de páginas web es reducir el tamaño de la imagen. También es una buena idea usar el caché de imágenes para reducir la carga del servidor y mejorar el rendimiento del sitio web. Use la carga perezosa de carga perezosa posponida cargando una imagen que no se necesita inmediatamente en la página. Cuando el sitio se carga, una imagen que no es visible para el usuario se carga más tarde, cuando el usuario se ejecuta y la imagen se vuelve visible. Una imagen que no es visible para el usuario nunca se carga si el usuario nunca se ejecuta. El artículo continúa a continuación
Carga perezosa nativa
La capacidad de cargar imágenes y marcos de Imrame con carga perezosa nativa es fantástica. Nada puede ser más fácil de entender que la siguiente marca:
Como puede ver, no hay JavaScript aquí, ni un cambio dinámico en el valor de los atributos SRC, solo HTML antiguo. Podemos usar el atributo de carga para retrasar las imágenes fuera de la pantalla y los marcos de iframe hasta que los usuarios se ejecuten en el lugar deseado en la página. Cualquiera de los siguientes tres valores se puede usar para cargar:
ANESES: Funciona bien para una carga lenta. Indique al navegador que cargue inmediatamente el contenido dado automáticamente: deje que el navegador decida si cargar perezosamente o no. Este enfoque no tiene competidores, porque no tiene costos generales y es limpio y fácil. Mantenga el número de scripts externos al mínimo, es una buena idea descubrir qué archivos adicionales realizan solicitudes. En la ventana de la red de Google Chrome, puede hacer esto. Los guiones externos son famosos por aumentar el número de solicitudes HTTP. Podría ser un complemento social de Twitter, las escrituras de gravatar o marketing que ya no se usan, todos los cuales agregan unos segundos al tiempo de carga. Puede tomar una decisión bien informada sobre los activos de mantener y sacrificar, descubriendo ciertas integraciones de terceros y scripts externos que ralentizan su sitio. Use una red de entrega de contenido (CDN) Si aún tiene problemas para mantener el número de solicitudes HTTP, considere usar una red de entrega de contenido (CDN).
Una red de entrega de contenido (CDN) es una colección de servidores generalizados en todo el mundo. Cuando un visitante visita su sitio web, los CDN memorizan el material estático en caché y los ofrecen. El material almacenado en caché proviene del servidor más cercano a la ubicación física del usuario. Más factores influyen en si debe usar o no un CDN. El aspecto más importante es si su tráfico es interno o extraño. No se requiere una red de entrega de contenido si la mayoría de los visitantes de su sitio son locales. Si su sitio web obtiene tráfico en todo el mundo, un CDN puede ayudarlo a acelerar las cosas. Combine Google Fonts Fonts Google también se puede combinar para reducir el número de solicitudes. Verifique el número de archivos con fuentes cargadas en su cascada GTMetrix.
En su complemento de caché, active la optimización de la fuente de Google. Esto “combina numerosas consultas de fuentes para reducir el número de solicitudes HTTP”, según WP Rocket. Pruebe el complemento OMGF de Google Fuente autogustada si su complemento de caché no proporciona una función de combinar fuente.
Las fuentes, pesas e iconos de las fuentes deben consolidarse. Verá que cada fuente, peso e ícono en Gtmetrix genera su propia demanda. Use un solo tipo de letra y algunos pesos diferentes. Los complementos como Elementary pueden crear iconos de fuentes, como flechas en mi menú de navegación.
En la cascada de Gtmetrix, la precarga indica que los navegadores inician la descarga lo antes posible, lo que debería reducir el tiempo de carga de fuente. Los complementos como WP Rocket, Perfmatters y Pre* Party Resource Sugeres pueden ayudar a este respecto. Simplemente copie las URL de las fuentes de cascada GTMTrix, colóquelas en el área de precarga y vuelva a probar los tiempos de carga de fuentes en el GTMTrix. Use un enchufe de intercambio social que no sea demasiado difícil muchos complementos de intercambio social envíen consultas HTTP, Twitter y otros sitios sociales. Cuando probé Grow by Mediavin (Social Pug), hizo una sola solicitud (aunque al final lo eliminé porque incluso una sola solicitud fue demasiado para mí como SpeedCillar). WP Rocket, por otro lado, llamó a este complemento el mejor complemento de intercambio social rápido. Mire la lista de cohetes WP y elija un complemento de luz que no genere muchas solicitudes GTMTRIX. Reemplace los complementos con código Se pueden evitar muchos complementos utilizando el código. Ejemplos:
Con Google Fonts, puede almacenar sus fuentes locales.
Código de seguimiento de Google Analytics: ingrese su manualmente
Diseñe manualmente el contenido en HTML + CSS.
En su lugar, haga una captura de pantalla con tweets construidos o mapas de Google.
Reemplace el widget de Facebook incorporado con un widget real en Facebook.
Cómo hacer menos solicitudes HTTP utilizando complementos CSS y JavaScript combinados que combinan numerosos archivos CSS y JavaScript es una técnica para reducir las solicitudes HTTP. No se alarme si no sabe cómo usar CSS o JavaScript. Hay formas simples de lograr esto, que no incluyen un cambio manual en el archivo CSS. Para empezar, esta capacidad está disponible en muchos complementos de caché de WordPress. Para integrar archivos CSS y JavaScript, simplemente instale el complemento y active los parámetros apropiados. WP Rocketwp Rocket es un complemento de WordPress que permite que el caché en los sitios web mejore las velocidades de carga. WP Rocket se ha creado para que su memoria en caché sea lo más simple posible, para que cualquiera, independientemente de la capacidad técnica, pueda comenzar a acelerar su sitio de WordPress. WP Rocket, por otro lado, trata de atraer a usuarios fuertes, dándoles suficientes herramientas y configuraciones para permitir que el caché en su sitio sea exactamente como quieran. Pro
Si decide cambiar algunas de las opciones, hay explicaciones claras y simples junto a cada una.
Compatibilidad con muchos proveedores de alojamiento, complementos y temas, así como con WooCommerce.
Versus
No hay asistencia en vivo disponible.
No existe una licencia de vida.
Pasos para combinar CSS y JavaScript
En la configuración de cohetes WP, vaya a la pestaña Optimización de archivos. Después de eso, active la minimización y combine los archivos de la siguiente manera:
La autoevaluación también se puede usar para combinar archivos CSS y JavaScript. Para combinar archivos, vaya a la configuración de autoevaluación y seleccione las siguientes opciones:
Archivos JS agregados
Archivos agregados de CSSPRES
$ 49 por año
Obtenga el cohete WP Minimizando CSS y JavaScript La miniificación minimizar es un enfoque popular para aumentar la carga de un sitio web. Puede reducir el tamaño total del archivo y el número de archivos que se cobrarán reduciendo y concatenando elementos como CSS y JavaScript. Una regla decente es combinar los archivos de acuerdo con sus funciones; Por ejemplo, si tiene muchos archivos que tratan con la edición de las imágenes, su concatenación podría ser una idea inteligente. También puede reducir el tiempo de carga general al reducir el número de archivos CSS que se cargan al principio. La minimización y la concatenación también pueden ayudar en este caso. Los archivos CSS se almacenan en el caché del navegador después de la carga inicial, por lo que los interrogatorios posteriores deberían durar menos. Puede ver cómo un solo archivo con todo el CSS necesario, así como la memorización en el caché, puede mejorar la experiencia general. Si tiene un CSS muy específico para una página en particular, debe cargar ese archivo individual. Como resultado, no tendrá que transportar reglas CSS que no se usan en otra parte de HTML. Existen numerosas herramientas en línea disponibles para ayudarlo con la minería y la concatenación durante el proceso de desarrollo. También puede usar un complemento como WP Rocket para ayudarlo. WP Super Minify
WP Super Minify es un pequeño complemento pequeño y simple que minimiza, combina y memoriza el código HTML, JavaScript y CSS. Esto es lo único que hace. Hay dos opciones en la configuración para excluir a JavaScript y CSS de la minimización. WP Super Minify es una buena alternativa si desea un complemento simple y ligero, que es solo un complemento de Minify. Prominice JavaScript, CSS y HTML con la opción de desactivar la compresión CSS/JavaScript.
Es bastante simple y simple de usar.
Versus
Hay complementos más avanzados que mejoran el rendimiento de la página.
Minimizar los archivos CSS y JavaScript
Seleccione WP Super Minify en el menú Configuración en el panel de administración con mechones izquierdo. Esto lo llevará a la página de configuración principal.
En este complemento, no hay muchas opciones. Simplemente seleccione la compresión de JavaScript y la compresión CSS de los menús desplegables.
Para completar el proceso de minimización, haga clic en el botón “Guardar los cambios”.
Precio
GRATIS
