5 formas infalibles de acelerar su sitio web de WordPress

Elija cualquier perspectiva para ver la métrica de velocidad de carga del sitio web y su importancia: comercializador, propietario del sitio, desarrollador, asistente de SEO, incluso y especialmente el usuario. La métrica de velocidad seguirá apareciendo en la parte superior. Busque las mejores prácticas de desarrollo web en todas las fuentes que pueda encontrar y verá " reducir el tiempo de carga de la página" en algún lugar dentro de cada lista.

Ni siquiera nos gusta hacer cola en el mostrador del cajero en Walmart, ¿cómo crees que nos sentiríamos acerca de un grupo intangible de datos en una era de excesos desenfrenados ?

Por lo tanto, es imperativo crear sitios web que carguen más rápido (TTFB debe ser inferior a 2 segundos). ¡Para una mejor experiencia, para una mayor conversión, para los primeros puestos de búsqueda!

Entonces, ¿qué se puede hacer para que los sitios web de WordPress sean más rápidos? Mucho, parece, especialmente en estas 5 áreas:

1. Servidor

Aquí es donde viven los datos de su sitio web. Si un servidor se mantiene como un comedor de beneficencia o los callejones traseros de Ciudad Gótica, ninguna cantidad de optimización del rendimiento lo ayudará a acelerar su sitio web.

Entonces, antes de iniciar sesión en un proveedor de alojamiento, busque:

• Mantenimiento, copias de seguridad y seguridad (por razones obvias)
• Escalabilidad: cómo se evalúan los diferentes planes en términos de visitantes, transferencia de datos, ancho de banda, espacio de almacenamiento, etc. y cómo se ampliará cuando exceda algunos de los límites.
• Testimonios de clientes y foros de soporte (pueden revelar mucho sobre el registro de servicio de una empresa)

Aquí hay más cosas que puede investigar:

^Alojamiento de video de terceros

El alojamiento de video ^externo o de terceros es una excelente solución para aquellos que usan el espacio del servidor y el ancho de banda de manera juiciosa.

Es exactamente lo que dice en la lata. (Solo) Los archivos de video están alojados en un ^servidor de terceros como Youtube, Vimeo, etc., al que puede vincular con su sitio web (sin llamar a un desarrollador para meterse con la API). Algunos de ellos también vienen con herramientas de edición de video y la mayoría ofrece soporte.

Solo asegúrese de verificar los derechos sobre los archivos de video (Política de privacidad) antes de registrarse en este servicio.

Ø Prevención de enlaces directos de imágenes

Imagen Hotlinking es un mal subestimado.

Es equivalente a robar, y lo peor es que los delincuentes a menudo no son conscientes de la gravedad de sus acciones. Simplemente copian su imagen (en el teclado) y la pegan directamente en su editor de texto enriquecido. Entonces, la imagen que aparece en su contenido todavía está almacenada en su servidor. Por lo tanto, cualquier persona que se encuentre con la imagen en su sitio web seguirá solicitando a su servidor que cargue la imagen. Esto consume su ancho de banda.

Y no recibirá una nota de agradecimiento.

Hay tanto que tu ingenuo altruismo debería soportar. En Internet, proteges tu contenido o eres penalizado. Pon este código en tu archivo .htaccess:

Motor de reescritura en

Reescribir Cond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

Regla de reescritura \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Además: tenga en cuenta que algunas redes de entrega de contenido (CDN) tienen una función de prevención de enlaces directos integrada.

2. caché

Los complementos de almacenamiento en caché como W3 Total Cache son una de las mejores cosas que WordPress tiene para ofrecer para la optimización de la velocidad de la página (a todos les encanta). La alternativa (para usuarios menos avanzados) es WP Super Cache.

La idea es crear copias (cachés) de páginas, objetos y bases de datos; minimice los scripts e integre un sitio web de WordPress más fácilmente con una red de entrega de contenido (CDN).

También puede contratar desarrolladores de WordPress para aprovechar al máximo la optimización del rendimiento del lado del servidor con soluciones de almacenamiento en caché de bases de datos como Redis y Memcached.

Ø El Módulo de Caducidad

Este módulo de Apache establece la vida útil de la memoria caché para los formatos de archivo que especifique.

Aquí hay una forma simplificada de usarlo: el <ifmodule>. Va (en el archivo .htaccess) así:

<ifmodule mod_expires.c>

<Coincidencia de archivos “\.(jpg|png|gif|js|css|mp3|pdf)$”>

ExpiresActive el

ExpiresDefault "acceso más 1 semana"

</Coincidencia de archivos>

</ifmodule>

El fragmento de código anterior configurará los archivos de caché de cada archivo jpg/png/gif/JavaScript/CSS/mp3/and PDF para que caduquen después de 1 semana, momento en el que se creará un nuevo caché. Este módulo es perfecto para usar en sitios web de medios enriquecidos que actualizan su contenido regularmente.

3. Interfaz

Aproximadamente el 80 % de los problemas de rendimiento se resolverán con un 20 % de esfuerzo en la optimización de la velocidad de front-end. Es la ley de Pareto del desarrollo web.

Optimizar el front-end para la velocidad no solo es técnicamente favorable. Cuanto antes suceda algo en la pantalla de su usuario, mejor se sentirá esperando. También debe dar la impresión de rendimiento.

Para ayudar con eso, aquí hay algunos métodos que puede emplear:

• Imágenes : Comprimir como un maníaco. Cuanto menor sea el tamaño de su imagen/medio, mejor. Use EWWW Image Optimizer o WP Smush.it para una compresión sin pérdida de calidad. Luego, existe un filtro de carga diferida para la carga condicional de imágenes si el área de la página que contiene dichas imágenes está actualmente visible en la ventana gráfica del usuario. Use Lazy Load XT para esto.

• La disminución de las solicitudes HTTP significa que se realizan menos viajes de ida y vuelta, lo que mejora los tiempos de carga. Convierta imágenes de 'patrón' en un solo sprite con Sprite Pad.

• Minimice las hojas de estilo JavaScript y CSS: rtl.css, style.css y las personalizadas que haya agregado. Trate de no usar demasiadas dependencias.

4. Base de datos

Al igual que la herramienta de desfragmentación de disco en Windows, la optimización de la base de datos puede limpiar su back-end y liberar espacio para información importante mientras mejora los tiempos de consulta y el rendimiento.

Las revisiones de publicaciones redundantes, los comentarios antiguos no aprobados, los metadatos duplicados y otros son las telarañas y los conejos de polvo. Elimínelos con herramientas como WP Sweep, WP-DB Manager, etc.

5. Actualizaciones

Cuando sigue las discusiones en Make.WordPress.org para mantenerse actualizado con las noticias y desarrollos recientes relacionados con la plataforma (es un buen hábito para todos, desarrolladores y usuarios en general por igual), notará un patrón: el enfoque es siempre en la facilidad de uso, el rendimiento y la seguridad... en ese orden.

WordPress se actualiza automáticamente en caso de lanzamientos menores (por razones de seguridad y corrección de errores menores) a menos que haya configurado la configuración. Eso no es bueno a menos que actualices a la última versión en primer lugar.

Para reducir la ansiedad, siga este patrón útil para actualizar:

• Temas primero: asegúrese de tener un tema secundario (que guardará cualquier cambio menor que haya realizado en la apariencia). La actualización se aplicará al tema principal y, de esta manera, reducirá significativamente las posibilidades de estropear algo sin posibilidad de reparación.

• Complementos a continuación: abordarlos uno por uno. Sé que es tedioso, pero estará más preparado e informado cuando una actualización cause problemas de compatibilidad. Nota: Esta es también la razón por la que 'menos es más' cuando se trata de complementos .

• Protocolo WSOD: No corras como un pollo sin cabeza en caso de que te encuentres cara a cara con la Pantalla Blanca de la Muerte. Hay mucha ayuda disponible en Internet.

Nota final

Ejecute seguridad y mantenimiento regulares para mantener su sitio web en plena forma.

Recuerde que la optimización de la velocidad es un esfuerzo continuo. Manténgase alerta para conocer los últimos desarrollos y las mejores prácticas.

Biografía del autor: Lucy Barret es una desarrolladora sénior de WordPress para una empresa de desarrollo de WordPress, HireWPGeeks Ltd. Maneja un equipo de desarrolladores que son expertos en convertir HTML a un tema de WordPress. También es bloguera y le encanta compartir sus conocimientos con la gran comunidad de WordPress.