Optimizar WordPress para mejorar la velocidad de carga

Hoy en d铆a es muy importante聽tener un sitio web que cargue r谩pido. Tambi茅n es importante que est茅 bien optimizado ya que cada vez hay m谩s personas que se conectan a Internet a trav茅s de dispositivos m贸viles.

La聽velocidad de carga de un sitio web es un factor que Google toma muy en cuenta para el SEO.

Cuando Google rastrea un sitio web, mide la velocidad de carga y tiene en cuenta las acciones de los usuarios: el porcentaje de rebote y el tiempo de duraci贸n en el sitio web con la herramienta Google Analytics.

A continuaci贸n te indico algunos puntos claves que puedes implementar en tu sitio web para聽optimizar WordPress. Tus usuarios se sentir谩n m谩s a gusto y Google sabr谩 que lo est谩s haciendo bien.

脥ndice del contenido
    Agrega un encabezado para comenzar a generar la tabla de contenidos

    1. Herramientas para medir la velocidad de carga de un sitio web

    Para聽medir la velocidad de carga聽de un sitio web existen muchas herramientas con las cuales se puede hacer.

    Cada herramienta tiene sus propios criterios. Alguna m谩s t茅cnica que otra pero, en general, son muy 煤tiles para聽conocer el grado de optimizaci贸n de un sitio web, aproximadamente.

    1.1 PageSpeed Insights

    Esta herramienta es la m谩s popular para聽medir la velocidad de carga de un sitio web. Ha sido desarrollada por Google y, adem谩s de indicar el grado de optimizaci贸n de un sitio web, ofrece sugerencias que podemos implementar para聽optimizar WordPress y mejorar la velocidad de carga.

    Para acceder a esta herramienta, haz clic en聽PageSpeed Insights.

    1.2 Think with Google

    Esta herramienta online, creada tambi茅n por Google, es muy similar a聽PageSpeed Insights. Muestra el聽grado de optimizaci贸n de un sitio web聽de manera m谩s resumida y聽enfocada, mayormente, a la versi贸n m贸vil.

    Para acceder a esta herramienta, haz clic en聽Think with Google.

    1.3 Pingdom Website Speed Test

    Esta herramienta es muy popular y聽utilizada a nivel t茅cnico聽ya que indica detalladamente todos los elementos que componen el sitio web analizado y el estado de optimizaci贸n de cada uno.

    Adem谩s, permite聽seleccionar una zona geogr谩fica聽desde donde realizar la prueba de manera que los datos sean los m谩s aproximados posibles a la ubicaci贸n del servidor donde tenemos alojado el sitio web.

    Para acceder a esta herramienta, haz clic en聽Pingdom Tools.

    1.4 GTmetrix

    Esta herramienta es muy popular entre los SEO. Es muy similar a Pingdom Tools pero, en su versi贸n de pago, ofrece muchas mas funciones para聽optimizar WordPress聽correctamente.

    Para acceder a esta herramienta, haz clic en聽GTmetrix.

    Estas 4 herramientas online, al igual que muchas otras que podr谩s encontrar,聽ofrecen datos aproximados del grado de optimizaci贸n de un sitio web聽y algunos detalles que podriamos corregir.

    No hace falta que te rompas la cabeza intentando聽obtener una puntuaci贸n 100/100 en PageSpeed Insights聽ya que es "bastante complicado" si no se tienen conocimientos t茅cnicos de programaci贸n para modificar los archivos del tema que estemos usando.

    Anuncio publicitario

    2. Contratar un buen hosting WordPress optimizado para el SEO

    Uno de los recursos m谩s importantes para聽optimizar WordPress de manera eficiente, es聽contar con un buen hosting.聽Existen muchas聽empresas de hosting que ofrecen maravillas聽pero, hasta que no las probamos, no sabemos si el servicio es bueno o no.

    Un servidor bien configurado y bien optimizado nos ayudar谩 a ganar unos puntos con la聽velocidad de carga del sitio web聽que, a largo plazo, se traducir谩 en m谩s visitas y beneficios econ贸micos.

    Curso de WordPress

    Una de las mejores empresas de hosting, 100% en espa帽ol, que puedes contratar para comenzar a crear un proyecto en WordPress, es聽LucusHost.

    Este servicio es el que vamos a utilizar durante el desarrollo de este curso por lo que ser铆a recomendable que contrataras el alojamiento en esta empresa, disfrutando de un 20% de descuento, para que puedas sacar el m谩ximo provecho a todas las lecciones del curso.

    3. Instalar un tema que sea r谩pido y funcional

    Elegir un tema para WordPress no es tarea f谩cil. Todo entra por los ojos y muchas personas se dejan llevar por la apariencia sin tener en cuenta la funcionalidad del tema.

    Hay temas que se venden con cientos de opciones para desarrollar un sitio web. Muchas de estas opciones como Google Fonts, iconos, sliders, parallax suelen se muy atractivas pero tambi茅n perjudiciales para la velocidad de carga de un sitio web y, peor a煤n, cuando muchas de ellas no se utilizan.

    Un tema tiene que ser r谩pido (sin tantas opciones por defecto)聽y funcional a la vez聽(que podamos elegir que usar). Por suerte si los hay y, uno de estos temas, es el que estamos utilizando en el desarrollo de este curso: Astra.

    Astra Theme

    Uno de los mejores temas que puedes instalar para comenzar a crear un proyecto profesional con WordPress, es聽Astra. Este tema ofrece una versi贸n gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de dise帽o.

    Este tema Multipurpose聽(m煤ltiples prop贸sitos)聽es ideal para crear blogs, sitios web corporativos y tiendas online聽en una misma instalaci贸n.

    En la lecci贸n, elegir un tema WordPress, puedes encontrar una serie de recomendaciones para que elijas el tema correcto para llevar a cabo tu proyecto con WordPress.

    4. Optimizar correctamente las im谩genes

    Cuando medimos la velocidad de carga de un sitio web, uno de los errores m谩s frecuentes que muestran las herramientas es la聽optimizaci贸n de im谩genes.

    Ten en cuenta que聽las im谩genes consumen recursos聽al cargar una p谩gina y, en las versiones m贸viles, consumen datos de los usuarios.

    Es por esto que tiene mucha importancia聽tener im谩genes bien optimizadas聽para que, los usuarios que navegan frecuentemente desde dispositivos m贸viles, puedan visualizar el contenido de un sitio web r谩pidamente sin que esto les genere un gasto excesivo de datos.

    En la entrada, im谩genes en WordPress, podr谩s encontrar las t茅cnicas fundamentales聽para optimizar y subir correctamente im谩genes a WordPress.

    Es muy importante que te familiarices con est谩s t茅cnicas para聽mejorar la velocidad de carga de un sitio web.

    En resumen:

    • Mide el tama帽o聽correcto de una imagen.
    • Elige la extensi贸n聽correcta de la imagen.
    • Busca im谩genes聽de buena calidad.
    • Redimensiona la imagen聽para mejorar la velocidad de carga.
    • Recorta la imagen, de ser necesario, para mantener una simetr铆a en tu sitio web.
    • Renombra la imagen聽con las palabras clave a posicionar.
    • Comprime la imagen聽antes y despu茅s de subirla a tu sitio web.

    5. Instalar un buen plugin de cach茅

    Este es el plato fuerte de la聽optimizaci贸n en WordPress聽y creo que es uno de los plugins m谩s importantes que deber铆a estar instalado en cualquier sitio web creado con WordPress:聽el plugin de cach茅.

    La cach茅 es un "ente virtual" que聽almacena informaci贸n comprimida de un sitio web聽(p谩ginas, im谩genes) de manera que, cuando alguien navega por un sitio web, la informaci贸n se muestre m谩s r谩pido.

    Ayuda a聽reducir el聽ancho de banda, la聽carga聽del servidor y el聽tiempo en la descarga de la informaci贸n.

    Para聽optimizar WordPress mediante la cach茅, existen reglas que se pueden a帽adir al archivo .htaccess pero el procedimiento es algo complicado, se pueden cometer errores y el sitio web dejar de funcionar.

    Estas reglas聽las a帽ade autom谩ticamente聽un plugin de cach茅, pero: 驴cu谩l utilizar?

    Aunque existen muchos聽plugins de cach茅 para WordPress, por experiencia puedo decir que no se consigue el mismo resultado, con todos, en un mismo sitio web.

    La correcta elecci贸n de un plugin de cach茅 depender谩 de factores como: el servidor, el tema, los plugins instalados, la versi贸n PHP entre otros, para que聽pueda ofrecer excelentes resultados.

    Los聽plugins de cach茅 para WordPress聽com煤nmente utilizados son:

    • Autoptimize.
    • WP Super Cache.
    • W3 Total Cache.
    • WP Fastest Cache.
    • WP-Optimize.
    • Hummingbird.
    • WP Rocket.

    Todos estos plugins, excepto聽WP Rocket, son gratis y se pueden聽instalar desde el repositorio de plugins de WordPress.

    Muchos dicen que WP Rocket es el mejor plugin de cach茅, otros聽instalan una combinaci贸n de plugins y les da buenos resultados. Todo depender谩 de los factores que hemos mencionado.

    Adem谩s de estos plugins, existe uno que es聽relativamente nuevo聽y est谩 causando estragos en la comunidad:聽LiteSpeed Cache.

    Si has聽contratado el hosting聽que recomendamos para realizar el curso,聽LucusHost, tienes un punto m谩s a tu favor.

    Todos los planes de alojamiento de esta empresa聽funcionan con tecnolog铆a LiteSpeed聽con lo cual podr谩s sacar el m谩ximo provecho al servidor con este fant谩stico plugin de cach茅.

    Comparaci贸n de los principales plugins de cach茅
    Comparaci贸n de los principales plugins de cach茅

    6. LiteSpeed Cach茅: WordPress ultra r谩pido

    LiteSpeed Cache聽es un聽plugin de cach茅 muy completo, gratuito y de c贸digo abierto, que podemos instalar desde el repositorio de plugins de WordPress.

    Ha sido desarrollado para聽funcionar en servidores con tecnolog铆a LiteSpeed聽en los que se puede sacar el 100% de provecho aunque tambi茅n se puede utilizar en otros servidores como Apache o NGINX.

    https://es.wordpress.org/plugins/litespeed-cache/

    Para instalar el plugin:

    1. Dir铆gete al apartado聽Plugins >> A帽adir nuevo.
    2. En el campo de b煤squeda escribe LiteSpeed.
    3. Haz clic en聽Instalar ahora聽y seguidamente en聽Activar.

    Una vez activo el plugin, dir铆gete a聽LiteSpeed Cache >> Ajustes聽para configurar las opciones del plugin.

    Configuraci贸n del plugin LiteSpeed Cache
    Configuraci贸n del plugin LiteSpeed Cache

    El plugin ofrece聽2 tipos de configuraciones:

    1. Configuraci贸n b谩sica: compuesta por 4 pesta帽as (5 si has instalado WooCommerce).
    2. Configuraci贸n avanzada: compuesta por 12 pesta帽as (13 si has instalado WooCommerce) que se activa haciendo clic en聽Mostrar opciones avanzadas.

    A continuaci贸n te dejo 2 v铆deos de 脕lvaro Fontela聽donde nos explica c贸mo realizar la聽configuraci贸n b谩sica y avanzada聽del plugin LiteSpeed Cache.

    Haz clic sobre cada una de las im谩genes para ver el v铆deo.

    Configuraci贸n b谩sica del plugin LiteSpeed Cache

    Configuraci贸n b谩sica del plugin LiteSpeed Cache

    Configuraci贸n avanzada del plugin LiteSpeed Cache

    Configuraci贸n avanzada del plugin LiteSpeed Cache

    7. Integrar un CDN en el sitio web (opcional)

    Un聽CDN聽es una聽red de servidores聽donde se encuentran alojados o cacheados parte de los recursos de nuestro sitio web (im谩genes, archivos JS o CSS y otros archivos) para acceder a estos m谩s r谩pido desde cualquier parte del mundo.

    Ejemplo de distribuci贸n de un CDN en el mundo
    Ejemplo de distribuci贸n de un CDN en el mundo

    Seg煤n la imagen anterior, imag铆nate que聽tu sitio web se encuentra alojado en un servidor ubicado en Francia. Si alguien desde Australia visita tu sitio web, este se mostrar谩 m谩s r谩pido gracias a que el CDN posee un servidor (un nodo) en este pa铆s.

    Si no tuvieras un CDN contratado, el visitante en Australia tardar铆a m谩s tiempo en visualizar el contenido de tu sitio. Este tiempo se traduce en milisegundos o segundos聽seg煤n est茅 optimizado tu sitio web.

    Uno de los CDNs m谩s utilizados es CloudFlare聽el cual聽se integra perfectamente con la mayor铆a de plugins de cach茅. La versi贸n gratuita ofrece las caracter铆sticas suficientes para mejorar la carga de los recursos de un sitio web.

    Aunque no es necesario contratar un CDN, el uso de este servicio suma puntos para聽mejorar el tiempo de carga聽de un sitio web.

    8. Adaptar el sitio web a la tecnolog铆a AMP

    Aunque muchos amamos a Google, otros le odiamos. En mi caso聽es mas odio que amor聽pero no puedo vivir sin Google.

    Los servicios que ofrece Google聽pueden llegar a ser 煤tiles y agradables para muchos, pero tiene su lado oscuro.

    Google聽es como el presidente de un pa铆s en dictadura:聽hace lo que le da la gana, cuando le da la gana y c贸mo le da la gana y nadie puede decir lo contrario porque de repente desapareces.

    M谩s que todo porque:聽o apareces en Google o no eres nadie en Internet. As铆 de democr谩tico es.

    Desde hace un tiempo Google est谩 apostando por implementar una nueva metodolog铆a para los resultados de las b煤squedas: el mobile-first indexing. Se trata de dar m谩s prioridad a las b煤squedas realizadas desde dispositivos m贸viles que desde un PC.

    Por esta raz贸n se ha creado el proyecto AMP Project que se recomienda implementar en los sitios web, de manera que, la carga del contenido desde los dispositivos m贸viles, sea a煤n m谩s r谩pida.

    En WordPress existe el plugin AMP que permite la conversi贸n de las p谩ginas de un sitio web a la tecnolog铆a AMP.

    Aunque lleva ya un tiempo, la implementaci贸n de esta tecnolog铆a sigue en desarrollo pero ser谩 cuesti贸n de tiempo que Google "obligue" a que todos los sitios web la tengan configurada.

    Anuncio publicitario

    9. Conclusi贸n

    Elegir correctamente el mejor plugin de cach茅, para mejorar la velocidad de carga de nuestro sitio web, no ser谩 sencillo. Depender谩 de la correcta elecci贸n de los recursos para聽optimizar WordPress聽y tener un sitio web bastante r谩pido.

    Lo m谩s recomendable es instalar y configurar varios plugins de cach茅,聽realizar pruebas de velocidad de carga聽y quedarnos con el que mejor resultados consigamos.

    驴Te ha gustado?

    Te estar铆a muy agradecido si pudieras valorar esta entrada y compartirla en tus redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.

    (13 votos, promedio: 4.5 de 5)

    Facebook
    Twitter
    WhatsApp
    Telegram
    Email

    驴Me invitas un caf茅?

    Todo el contenido que puedes encontrar en este sitio web es gratis y siempre lo ser谩 pero, mantenerlo, requiere de muchos caf茅s y muuuuchas horas . Si te gusta mi trabajo y te est谩 ayudando, considera invitarme un caf茅 para apoyarme y apoyar este proyecto. 隆Te invito un caf茅!.

    Suscr铆bete y aprende WordPress desde cero

    No me gusta el SPAM y se que a ti tampoco. S贸lo recibir谩s informaci贸n 煤til sobre WordPress.

    Al enviar, confirmas que has le铆do y aceptas la pol铆tica de privacidad. Conoce nuestro compromiso con tu privacidad.

    Comparte tu experiencia

    Deja un comentario si tienes alguna duda o cu茅ntanos c贸mo ha sido tu experiencia.

    0 Comentarios
    Inline Feedbacks
    Ver todos los comentarios

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Suscribirte a la lista de correos electr贸nicos.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Moderar y responder comentarios de usuarios.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.
    0
    驴Dejas un comentario? Gracias!x
    Resumen de privacidad
    Curso de WordPress

    Utilizamos cookies propias y de terceros para fines anal铆ticos y para mostrarte publicidad personalizada o a partir de tus h谩bitos de navegaci贸n. Puedes cambiar la configuraci贸n u obtener m谩s informaci贸n consultando la聽pol铆tica de cookies.

    La informaci贸n de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qu茅 secciones de la web encuentras m谩s interesantes y 煤tiles.

    Cookies estrictamente necesarias

    Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

    Cookies de terceros

    Esta web utiliza Google Analytics para recopilar informaci贸n an贸nima tal como el n煤mero de visitantes del sitio, o las p谩ginas m谩s populares.

    Dejar esta cookie activa nos permite mejorar nuestra web.