homefinance blog
Cómo acelerar WordPress !!!! Eso es lo que queremos a todos los usuarios de WordPress, ¿verdad? Queremos que nuestros sitios sean rayos y cargan instantáneamente. Es bueno querer cosas … así que el deseo de WordPress Speed y tocarlo son muy diferentes y muy distantes el uno del otro. Hay tanta información en la web sobre técnicas sobre cómo acelerar WordPress. La mayor parte de esta información es muy detallada y útil. En la mayoría de los casos, lo que encontrará puede ser demasiado complejo o tiene demasiados pasos. Además, cuando se trata de hacer un sitio rápido de WordPress, cada sitio es diferente y requiere un conjunto único de acciones para obtener la máxima velocidad.
Tenemos un servicio especial aquí, en WP Fix It, que se centra exclusivamente en crear sitios de WordPress lo más rápido posible. Completamos cientos de estos en sitios de todas las categorías y ubicación. Lo que nos gustaría hacer en esta publicación es resaltar las dos acciones más importantes que le brindarán velocidad en su sitio. Si sigue estas dos cosas y las hace bien, habrá un aumento masivo en la velocidad de su sitio. La mayoría de los artículos en la web hablarán sobre la configuración de los entornos de caché y alojamiento, pero queremos llevarlo a las raíces y Estas dos cosas se aplican a todos los sitios de WordPress allí.
Las dos cosas que le mostrarán cómo acelerar WordPress son … reducir el tamaño de la página y reducir las solicitudes. Vamos a lanzarnos un poco más lejos para explicar las acciones de estas dos cosas que le darán un buen aumento de velocidad en su sitio. Lea cuidadosamente porque son sexys aquí ~~~ A continuación se muestra un fragmento de una prueba de velocidad de una página web en Gtmtric para un sitio de carga muy lento. Preste especial atención a los dos elementos rodeados en esta imagen. Esto es exactamente lo que trataremos aquí y, si los reduce, puede escalar el cohete rápido en un WordPress de carga rápida, por lo que el tamaño de la página no es del tamaño de una página web. Este es el tamaño del contenido y los recursos utilizados para cargar una URL. Digamos eso de otra manera. El tamaño de la página es la cantidad total de todos los elementos necesarios para cargar una sola URL en Internet. A continuación se muestra una lista muy común de lo que estos elementos podrían compensar el tamaño de una página.
Contenido del texto
Contenido multimedia (imágenes, videos, audio)
Reproductores de video/audio
Archivos CSS/JavaScript
Aunque la lista anterior no es una lista completa de todas las cosas que pueden hacer el tamaño de una página web, estos son los elementos más comunes de los cuales una página y aquellos que puede reducir agresivamente para ganar la velocidad. Mira esto. Cuando piense en WordPress Speed, piense en la palabra descuento. Cuanto más reduzca todo lo que se necesita para cargar una página web, más rápido se cargará y será más feliz. Up y analice cada artículo y qué pasos podemos tomar para obtener una reducción de cada uno y luego el tamaño total de la página.
⚡️ Contenido de texto, así que no se asuste demasiado al respecto. Si no tiene una página web que tenga una longitud de kilómetros y más de 10,000 palabras, no tendrá problemas aquí. El texto se carga muy rápidamente y generalmente no se conoce por una trampa de velocidad que ralentiza la carga de la página. Pero si tiene un gran contenido lleno de contenido, puede dividir este contenido en varias páginas con enlaces entre ellos.
Sin embargo, a menudo vemos en una página de blog en la que el propietario del sitio seleccionará más de 50 resúmenes de publicaciones, lo que hará que la página sea muy contenida, con muchos texto e imágenes. Sin embargo, esta es una solución fácil, porque simplemente puede limitar la cantidad en la página a menos y la reducción instantánea.
⚡️ Contenido multimedia Este es uno de los peores velocidad en un sitio de WordPress. Lo más común que puede inflar el tamaño de la página son las imágenes súper grandes. El ancho promedio de una imagen en línea es de entre 500 y 700 píxeles, pero en muchos casos los usuarios de WordPress usarán imágenes en su sitio que excedan con creces el tamaño requerido y cuanto más grande sea la imagen, mayor es el tamaño del archivo y el tamaño del archivo, Lo más importante, cuanto más tiempo lleva. Navegador para cargar el archivo de imagen. Lo que desea hacer primero aquí es asegurarse de que las imágenes en su contenido tengan el mismo tamaño que se muestra. No cargue una imagen que tenga 2000 píxeles de ancho y luego la reduzca a 700 píxeles para mostrar en el sitio. Sí, la imagen se muestra en el tamaño deseado, pero el navegador aún carga una imagen que tiene un ancho de 2000 píxeles en lugar de un ancho de 700 píxeles. La reducción de la escala de una imagen no es una reducción. ¡¡¡MUY IMPORTANTE!!! Lo segundo que desea hacer una vez que sepa que usa las dimensiones correctas para todas las imágenes es optimizarlas. Esto asegurará que las imágenes que muestre en su sitio tengan el tamaño más pequeño posible del archivo, sin distorsionar la imagen. Esto se puede hacer usando un complemento y lo fácil que es. Como con la mayoría de los complementos, hay opciones gratuitas y premium. Nos gustaría ofrecerle algunas opciones que usamos personalmente y que hemos estado esperando.
Plugs de optimización de imagen gratuita: Ewww Image Optimizer-https: //wordpress.org/plugins/www-image-ptimizer compresión de la imagen smush-https: //wordpress.org/plugins/wp-smushit shortpixel imagen óptima-https:////// /wordpress.org/plugins/shortpixel-image-ptimiser arados de optimización de imágenes: tinypng-https: //tinypng.com Imagify Image Optimizer-https: //imagify.io
> ⚡️ Los reproductores de video /audio a menudo se pasa por alto en la optimización de la velocidad y realmente pueden darle un buen aumento de velocidad si se corrige. Nuevamente, la reducción es crítica. Usemos aquí el ejemplo más común de un video de YouTube integrado en su sitio. Hay varias formas en que puede incorporar un video de YouTube, pero el más utilizado es pegando la URL en el editor de páginas de WordPress o tomando el código de incorporación directamente de YouTube. En ambos casos, el resultado es un iframe que carga el video. Este iframe debe recurrir a los recursos en YouTube para cargar el video. Estas llamadas no pueden acelerarse porque no existen en su sitio, por lo que tenemos que hacer algo más llamado LazyLoad. Esta técnica es maravillosa, porque esperará a que iframe se cargue hasta que esté en la visión del visitante del visitante, en lugar de cargarlo en la primera carga de la página. Sí, bebé … más descuento. A continuación se presentan algunos complementos gratuitos para hacer exactamente.
Enchufes gratuitos de lazyload: bj lazy load-https: //wordpress.org/plugins/bj-lazy-load/ a3 lazy load-https: //wordpress.org/plugins/a3-lazy-load/ facil lozy loader- https: //wordpress.org/plugins/easy-lazy-loader/
⚡️ Archivos CSS/JavaScript OK, aquí se vuelve un poco complicado. WordPress y todas las cosas que integramos generalmente necesitan CSS y JavaScript para funcionar. En algunos casos, estos archivos son limpios y rápidos, pero en la mayoría de los casos no lo son. Son pesados y lentos. La creación de una reducción de archivos CSS y JavaScript definitivamente lo llevará a la promesa de la tierra de la velocidad. Sin embargo, el único problema aquí es que reducir estos archivos podría destruir su sitio o causar problemas de visualización extraños. La mejor manera de reducir los archivos CSS y JavaScript en su sitio es a través de un proceso de miniificación. La miniificación (también conocida como Minify) es el proceso de eliminar todos los caracteres innecesarios en el código fuente sin cambiar su funcionalidad. Estos caracteres innecesarios generalmente incluyen caracteres con espacios blancos, nuevos caracteres de línea, comentarios y, a veces, la descarga de bloque, que se utilizan para agregar la legibilidad del código, pero no son necesarios para que se ejecute. Gran parte de CSS y JavaScript que existen allí para WordPress contienen muchas oportunidades de mini sintonización para reducir el tamaño total del archivo que, sí, adivinó, hará WordPress rápido. Aunque es posible hacer esto manualmente, lo recomendamos calurosamente. A continuación se presentan algunos complementos gratuitos que harán esto por usted. Siempre verifique la funcionalidad de su sitio desconectada después de activar cualquier tipo de minimización.
Enchufes de miniforo gratuito: autoptimize-https: //wordpress.org/plugins/autoptimize/ reduce javascript-https: //wordpress.org/plugins/optimize-javascript/ css minify-https: //wordpress.org/plugins/css— Optimizer/Fast Speed Minimization-https: //wordpress.org/plugins/fast-velocy-minify/ <hr class = "wp- block- separent"/2. Reducir las solicitudes-How para acelerar WordPress Esta parte se puede explicar el proceso Mejor por Lindsay Kolowich.Vea sus palabras a continuación en el blog Hubspot.
"Cada vez que alguien visita una página web, esto es lo que suele suceder: el navegador web de esa persona (Chrome, Firefox, etc.) envía un ping al servidor web que aloja la página web que están tratando de visitar, en este caso, en este caso, una página web en su sitio. Solicite el servidor que envíe los archivos que contienen el contenido del sitio. Estos archivos contienen cualquier texto, imágenes y multimedia que existan en la página web respectiva. Esta solicitud se llama solicitud HTTP. HTTP significa "Protocolo de transferencia de hipertexto", que es solo un nombre de lujo para un navegador web que envía una solicitud de un archivo y el servidor que envía (o "transferir") al navegador. Una vez que su servidor recibe una solicitud del navegador de un usuario, su servidor responde y envía los archivos del navegador del usuario. El navegador del usuario luego representa la página web. Aquí está el problema: el navegador debe hacer una solicitud HTTP separada para cada archivo en su sitio. Si su sitio web no tiene muchos archivos, entonces no tomará mucho solicitar y descargar el contenido del sitio. Pero la mayoría de los buenos sitios web tienen muchos archivos. Las imágenes grandes de alta definición suelen ser culpables. La disminución del número de componentes en una página reduce el número de solicitudes HTTP necesarias para reproducir una página, lo que conduce a cargas de página más rápidas ”. Entonces, ¿entiende qué es una solicitud, podemos reducirlas para acelerar sus páginas web?
! Más velocidad. No superpase las páginas de su sitio con demasiadas imágenes. Cada uno es una solicitud de servidor. Cuantas más solicitudes de imágenes, más lenta se cargará. Eche un vistazo detallado a cualquier imagen en su sitio que pueda perderse y esta será una opción inteligente para eliminar y ganar la velocidad.
⚡️ Elimine los complementos que no son obligatorios ohhh sí. Complementos … son el corazón y el alma de la funcionalidad de WordPress. A los usuarios de WordPress les encanta agregar y agregar complementos a su sitio para introducir nuevas cosas interesantes que su sitio puede hacer. La mala parte de todo esto es que la mayoría de los complementos agregan un código de grupo que se puede cargar en todas las páginas de su sitio. Este código se puede cargar incluso en las páginas donde no existe la funcionalidad del complemento. Los complementos son definitivamente uno de los mayores drenajes de velocidad que un sitio de WordPress puede experimentar. La buena noticia es que puede remediar esto fácilmente y puede regresar en el camino correcto con un sitio centrado en la velocidad. Eche un vistazo a su lista de complementos activos y, en primer lugar, decida si necesita el 100% de cada complemento activo. Sobrevivirá a su sitio sin él o no. Si puede sobrevivir sin él, apague y retírelo. Supongamos que hay complementos que debe usar, pero puede ser posible obtener la funcionalidad del complemento sin usarlos. ¿No tiene mucho sentido?
De hecho, si. Un gran ejemplo en este sentido es lo que a menudo vemos aquí. Uso de un complemento de Google Analytics para ejecutar el código de seguimiento de Google. No necesitas un complemento para hacer esto. Simplemente puede colocar el código de seguimiento directamente en el archivo del tema o en la configuración del tema, en algunos casos. Siempre tenga en cuenta los complementos y use solo los que necesita para que su sitio prospere en línea. Manténgase alejado de los complementos lentos. Vea una lista de algunos de los complementos más lentos que puede ejecutar en su sitio al siguiente enlace. Consulte la lista de enchufes que usan WordPress
⚡️ Eliminar a terceros parte de las redes sociales que se muestran y pobladas en su sitio pueden ser una excelente manera de aumentar la participación y el entusiasmo. Visitantes, pero, pero, Chico, haz estas cosas lentas. Uno de los peores que a menudo vemos aquí cuando aceleramos los sitios es lo que sea que se dibuja en Instagram. Estas pantallas de contenido especial deben cargar muchos códigos del sitio de terceros para que se renderizen. Todo este código contiene la carga de la página en la que está. Esto es cierto para cualquier otro contenido de terceros que atraiga para mostrar en su sitio. Algunos ejemplos comunes, aparte de Instagram, son Facebook, Twitter, YouTube, Vimeo y también cualquier solución de chat en vivo o sistemas de registro. Lo más simple que puede hacer aquí es simplemente eliminar la visualización de contenido de terceros y ver que el tiempo de carga está mejorando instantáneamente.
Ahora, este puede no ser un plan de acción para usted, porque desea mostrar este contenido en su sitio. Por lo tanto, lo único que puede hacer para acelerar es cargar lazyload. ¿Recuerdas esto desde arriba? El tipo de perezoso a la que nos referimos aquí es JavaScript LazyLoading. Vi y usé solo un complemento que hará esto y es un rendimiento rápido. Este complemento le permitirá seleccionar los archivos JavaScript que el contenido de terceros muestra y cargarlos solo cuando el visitante del sitio lo vea. Este es el poderoso asociado porque estos scripts no retrasarán la carga completa de la página y no reducirán la cantidad de solicitud. ¡Más descuento para bebés! Mangas y reduzca el tamaño de la página y solicita nuestro número de misión 1. ¡Qué diferencia uh!
