Sin tonterías: lo que realmente acelera los sitios web de WordPress – [#1]

¿Alguna vez te has preguntado por qué hay sitios web con un montón de imágenes en la página de destino que todavía se cargan en mucho menos de un segundo? Lees eso correctamente. Considerablemente menos de un segundo. Eso es posible, sin embargo, requiere mucha experiencia y, sobre todo, esfuerzo. Por ejemplo, no puede usar un tema que se actualice automáticamente. Un tema hijo tampoco es una opción, ya que habría que hacer demasiados cambios. Sin embargo, el esfuerzo vale la pena, ya que la alta velocidad es una razón real para que Google clasifique el sitio web más alto. Por lo tanto, esta pequeña serie no trata sobre los 100 de 100 puntos de Google Page Speed, sino que aborda la cuestión de cómo hacer que los sitios web sean realmente rápidos.

Hacer que sus sitios web sean extremadamente rápidos

Por lo general, configuraría una página de prueba para una serie como la que comenzó con este artículo. Sin embargo, una página de prueba se puede optimizar fácilmente, ya que apenas hay complementos instalados, se cargan pocos archivos CSS y JavaScript y hay muy pocas imágenes implementadas en la página de destino. Es por eso que queríamos demostrar que es totalmente posible hacer que un sitio web se cargue rápidamente, incluso cuando se trata de un sitio activo con 28 imágenes, algunas de ellas en formato grande. El sitio del que estoy hablando es mi publicación democrática. Por cierto, la velocidad final de su sitio web a menudo es un trabajo diligente, ya que muchas optimizaciones, a veces incluso pequeñas, se entrelazan.

Primer examen:

Segunda prueba:

Por qué no consideramos la velocidad de la página de Google

Información sobre la velocidad de la página de Google es sin duda una muy buena herramienta para la optimización de la velocidad del sitio web. No obstante, algunas reglas no solo son cuestionables, sino que incluso limitan aún más el potencial de velocidad. Especialmente el CSS, que a Google le gusta ver como Inline CSS (la parte del CSS que es responsable de la visualización del área visible), evita tiempos de carga más rápidos para algunos temas. Un archivo CSS vinculado que se puede almacenar en caché perfectamente, generalmente es más rápido, incluso cuando solo es el caso cuando se accede a otro sitio web. A Google también le gusta quejarse de sus propios archivos, ya que solo se pueden almacenar en caché durante un breve período de tiempo. Por eso nos centraremos en la velocidad pura, el rendimiento medible.

Sugerencia de alta velocidad n.º 1: elegir el proveedor de alojamiento adecuado

Elegir el servidor web adecuado y una solución adecuada para el alojamiento es fundamental, ya que la velocidad ya comienza allí. WordPress ya se ejecuta en paquetes de alojamiento compartido asequibles, pero esa es la elección incorrecta cuando lo que desea es velocidad. En estos paquetes de alojamiento web, a veces se comparte un servidor virtual con más de 100 sitios web. Sentirá cuando otros sitios en el servidor tengan mucho tráfico. Por lo tanto, necesita una solución adecuada que solo cueste unos pocos dólares más. Ahora le presentaré brevemente dos soluciones pagas, asequibles y recomendables.

Alojamiento administrado de WordPress

Raidboxes ofrece alojamiento premium de WordPress de Alemania. El alojamiento es un alojamiento administrado de WordPress. Eso significa que no es necesario que te ocupes de nada. A partir del paquete «Starter» se incluye tu propio servidor virtual que no tendrás que compartir con nadie. Al elegir el host adecuado, es importante saber si guarda los sitios web en SSD o discos duros normales. Para más velocidad, su elección siempre tiene que ser SSD. Raidboxes generalmente solo ofrece SSD. Los costos del «paquete de inicio» 17,85 euros al mes, incluido el impuesto sobre el valor añadido. Por ese dinero, también recibirá un buen soporte que moverá su sitio web de forma gratuita. Puedes probar el Hosting WordPress Administrado gratis por 14 días en Radiboxes. Este tipo de alojamiento es la elección correcta cuando no sabes mucho sobre la configuración del servidor.

Servidor raíz en la nube administrado por hostNET

El servidor de nube raíz gestionado por la empresa alemana hostNET. es mi elección hostNET se encarga de todo lo relacionado con la seguridad y la configuración general del servidor. Cuando sea necesario instalar elementos adicionales, tendrá que hacerlo usted mismo. El servidor raíz en la nube proporciona un SSD que se muestra en un sistema RAID5 con un clúster de conmutación por error de HA adicional y de repuesto dinámico. Esto provoca un aumento real del rendimiento. Además de eso, obtienes tu propia dirección IP, como un pequeño servicio extra. Sin embargo, lo realmente interesante de esta opción de alojamiento es que crece junto con su sitio web y los requisitos. Puede aumentar y disminuir el espacio de almacenamiento, la cantidad de CPU y la memoria interna cuando sea necesario. Los cálculos se realizan con precisión al segundo. El servidor Root-Cloud comienza en 14,88 euros, incluido el impuesto sobre el valor añadido, un mes. El servidor se puede probar de forma gratuita durante siete días. Ya hemos presentado el servicio en profundidad en nuestra hermana alemana Dr. Web. https://vimeo.com/117588025

Consejo de alta velocidad n.º 2: preste atención a HTTP/2 al elegir el proveedor de alojamiento

HTTP/2 es el futuro de Internet. Este protocolo, el sucesor de HTTP 1.1, se desarrolló para los sitios web modernos y complejos de la actualidad. Las ventajas son que el nuevo protocolo permite que el navegador cargue diferentes archivos al mismo tiempo, y no uno después del otro como en el caso de HTTP 1.1. HTTP 1.1 tenía que abrir una conexión para cada solicitud, mientras que el navegador puede cargar varios recursos al mismo tiempo en una conexión TCP cuando usa HTTP 2.2. Esto crea un gran ventaja de velocidad. Mientras Raidboxes todavía funciona con el «precursor» SPDY 3.1, hostNET ya usa HTTP/2. Esta herramienta en línea le permite probar qué sitio web ya usa HTTP2.

Información: Las ventajas de HTTP/2 solo se pueden utilizar con un certificado HTTPS, ya que la mayoría los navegadores requieren esto.

Consejo de alta velocidad n.° 3: elimine los complementos

La mayoría de las personas tienen demasiados complementos activados. Cada complemento agregado ralentiza el sitio web. Por lo tanto, limpie el estiércol y mantenga solo los que sean necesarios activados e instalados. Incluso los complementos que solo usa de vez en cuando y que están desactivados pueden ralentizar su sitio web, así que elimínelos. El complemento P3 (Plugin Performance Profiler) puede determinar rápidamente qué complementos consumen rendimiento. Estos definitivamente necesitan ser expulsados. Yoast SEO es uno de los candidatos que ralentizan un sitio web. El complemento SEO más rápido es wpSEO, por cierto. Sin embargo, no está disponible de forma gratuita. Comienza en 23,79 euros, impuestos incluidos, y solo se requiere un pago. No podrá usar complementos premium cuando la velocidad de su sitio web sea importante para usted.

Comprobación del código fuente de su sitio web

Para poder decidir qué complementos descartar, eche un vistazo al código fuente HTML de su sitio web. De esta manera, puede averiguar qué complementos cargan cuánto CSS y JavaScript adicionales. Una vez más, menos es más. Si hay complementos que debe mantener a toda costa, anótelos. Más adelante, le mostraré cómo los archivos solo se cargan donde deben cargarse.

Consejo de alta velocidad n.º 4: borrar el código en el tema de WordPress

Según el tema que esté utilizando, se programó bien o mal. Muchos temas llevan una sobrecarga de código fuente que los ralentiza. En este punto, se necesita un trabajo diligente, ya que debe eliminar el código fuente innecesario y limpiar el estiércol. Para hacer eso, puede verificar todas las plantillas del tema y ver qué se necesita y qué se puede eliminar. Especialmente los temas premium costosos a menudo contienen cantidades innecesarias de código, por lo que es posible que desee cambiar a un tema gratuito muy bien desarrollado. Por ejemplo, Automático y anders noren ambos proporcionan una calidad de código y un uso muy altos.

Consejo de alta velocidad n.º 5: limpieza del encabezado de WordPress

En ese entonces, había pocos enlaces en el encabezado de WordPress, ahora hay una amplia gama de ellos que se muestran según el sitio web. También se agregó un código para los emojis, un tipo de emoticonos. Desde WordPress 4.2, estos emojis están anclados en el núcleo. Sus scripts se entregan tanto en el backend como en el frontend en cada acceso al sitio. Es irrelevante si los emojis se usan o no. Por lo tanto, este código también debe desactivarse, ya que todo lo que hace es drenar el rendimiento.

Un clic abre la esencia en GitHub

Conclusión de la Primera Parte

Cuando consideró todos los aspectos, especialmente el relacionado con la limpieza de sus complementos, su sitio web ya debería ser considerablemente más rápido. Cuando cambié de un hoster compartido a hostNET, mi sitio web ya era tan rápido como el antiguo optimizado, sin optimizaciones. Tal vez no esté completamente seguro de por qué debería prestar atención a las pequeñas cosas como limpiar el código fuente HTML y borrar el encabezado. Pero te aseguro que estas pequeñas optimizaciones se suman y contribuyen mucho a tu velocidad de carga. Todo el trabajo se entrelaza al final.

enlaces relacionados

• Prueba HTTP/2 – Verificar soporte HTTP/2.0
• WordPress.org: Complemento P3 (perfilador de rendimiento de complementos)
• Hosting Administrado Raidboxes Premium WordPress
• hostNET.de: Servidor en la nube de raíz administrada
• Herramientas de Pingdom: Prueba de velocidad del sitio web de Pingdom
• Prueba de rendimiento de complementos SEO de WordPress
• Complemento SEO wpSEO
• La esencia del código para borrar el encabezado
• Desarrolladores de Google: SPDY
• Buenos y limpios temas gratuitos de WordPress: por Automattic | por Anders Norén

(dpe)