Share
En el artículo anterior, discutimos la importancia de la velocidad en la web y revisamos algunos consejos básicos para acelerar WordPress. En este artículo, repasaremos cinco consejos más para optimizar aún más su sitio web..
Sin más introducción, analicemos el siguiente conjunto de sugerencias de rendimiento.!
Aquí hay algunos consejos más para aumentar la velocidad de su sitio web:
Cuando quiera mostrar al mundo su video tocando el piano mientras anda en monopatín, es una opción más inteligente para subirlo a YouTube en lugar de cargarlo a su propio servidor. Entonces, ¿por qué no hacer lo mismo con las imágenes, o incluso con los archivos CSS y JavaScript??
Los CDN o "redes de distribución de contenido" sirven para este propósito. Y por su naturaleza, suelen ser más rápidos que su servidor debido a todo eso nube mágica. Además, obtener archivos de dos servidores es más rápido que obtenerlos de un servidor desde la perspectiva del navegador.
Mientras que el mercado de CDN está dominado por servicios pagos como Amazon CloudFront, MaxCDN y muchos, muchos Más, hay servicios gratuitos también. Le sugiero que lo pruebe y vea cómo funcionan los CDN al instalar Jetpack desde WordPress.com y activar el módulo "Photon". Si necesita más potencia y personalización, puede migrar a servicios de pago sin perder nada..
Las imágenes son importantes para sus páginas web porque generalmente son las partes más atractivas de la página. Sin embargo, el uso de muchas imágenes puede duplicar, triplicar o cuadruplicar el peso de su página, y podría hacer que las páginas tarden más en terminar de cargarse..
Si puede usar menos imágenes, eso es solo otra parte de la optimización de la velocidad ("sentido común") pero si es una mejor idea mantener imágenes grandes, puede tratar de optimizar esas imágenes para que necesiten menos espacio y menos tiempo para cargarlas..
En otros tutoriales sobre la aceleración de WordPress en Internet, todo el mundo parece sugerir WP Smush.it y funciona bastante bien, pero voy a seguir adelante y sugerir EWWW Image Optimizer. Tiene un nombre divertido, pero creo que es una mejor alternativa a WP Smush.it porque puede comprimir más tipos de archivos y tiene más opciones para jugar. Prueba cada uno y decide por ti mismo..
Mostrar a un usuario móvil exactamente la misma página que ve un usuario de escritorio es el 2010. En estos días, todos usan "diseño web sensible", que reorganiza y cambia el diseño para diferentes tamaños de pantalla para que los usuarios puedan ver la página más fácilmente..
Pero hacerlo generalmente significa tomar la misma página (con el mismo peso) y simplemente cambiar el diseño hasta que se ajuste a las pantallas de los dispositivos móviles, y los usuarios móviles con velocidades de conexión a Internet móvil no aprecian esperar 10 segundos a que se cargue una página. . Qué increíble sería si, en lugar de cambiar el diseño dinámicamente para dispositivos móviles, pudiéramos mostrar un diseño completamente diferente y más limpio.?
Resulta que, hay complementos para eso también. El Jetpack de WordPress.com mencionado anteriormente tiene un módulo llamado "Tema móvil" que presenta un tema móvil simple para usted sin ningún problema. Si desea más control, puede consultar el complemento móvil WPTouch, que es gratuito pero también tiene una versión "pro" que ofrece más temas móviles que la versión gratuita..
¿Alguna vez has evaluado el rendimiento de tu tema? Si no lo has hecho, no estás solo: la gente tiende a "enamorarse" de un tema y pasa por alto el hecho de que tiene demasiadas imágenes, no tiene un archivo CSS optimizado, tiene una salida HTML terrible o Realiza cientos de consultas en cada página. Por supuesto, solo somos humanos y podemos distraernos con un tema bellamente diseñado ... pero recuerda: Temas bellamente diseñados pero horriblemente codificados. será dañe su sitio web más que un tema no tan atractivo con una base de código sólido.
Verifique la puntuación de velocidad de su sitio web desde PageSpeed e instale el complemento Consultas de la barra de administración para evaluar el rendimiento de su tema. Si ve que el tema está ralentizando su sitio web, debe probar un tema diferente que sea más simple que el que está usando en este momento..
Recuerde: el buen diseño no necesariamente tiene que estar inundado de gráficos. Algunas veces menos es más-Especialmente en la era del "diseño plano" en el que vivimos.!
Lo sé, los complementos son impresionantes. Nunca puede obtener la funcionalidad y las funciones suficientes proporcionadas por los complementos que enriquecen su sitio web. Un complemento de recuento de vista posterior aquí, un mecanismo de votación de comentarios allí ... y pronto se preguntará por qué el servidor espera seis segundos antes de cargar la página..
Puedes decir que estoy hablando como un hipócrita porque ya sugerí muchos complementos en este artículo. Tenga la seguridad de que no estoy siendo un hipócrita: el uso de muchos complementos no ralentiza su sitio web, pero el uso de muchos complementos que interactúan con el front-end sí lo hace. Especialmente los que alteran los campos de la base de datos en cada vista de página..
Irónicamente, puedes probar qué complementos ralentizan tu sitio web instalando otro plugin. El complemento P3 (Plugin Performance Profiler) ejecuta pruebas en sus páginas y mide el costo de tiempo de cada complemento, lo que le da una idea de qué complementos ralentizan el sitio web más.
Como dije al principio de esta serie, la velocidad. siempre importa Debes estar pendiente de ello constantemente, por lo que estos artículos no son "haz esto solo una vez y eres bueno para ir" como tutoriales. No estoy diciendo que debe marcar estos tutoriales, pero debe marcar estos tutoriales.
¿Tienes algo que añadir a esta serie? Cuéntanos lo que piensas comentando abajo. Y si te gustó el artículo, no olvides compartirlo con tus amigos.!
Accentsconagua