Diccionario de WordPress

WordPress es la herramienta más usada del mundo para hacer páginas Web, no solo para blog o pymes, también la usan entidades como: La Casa Blanca de Estados Unidos (whitehouse.gov), Mercedes Benz, Renault, El New York Times (nytco.com),  BBC America, Spotify, el sitio oficial de Suecia (sweden.se), Harvard Gazette y wordpress.com (123M de visitas) entre otros. Por lo tanto no se puede dudar de su seguridad, escalabilidad o capacidad para adaptarse a diferentes escenarios.

El Diccionario de WordPress es un espacio de nuestra página Web donde recogemos temas de interés relacionados con este CMS de referencia mundial en el desarrollo Web. Se debe ver como un complemento a los manuales existentes.

Diccionario de WordPress. Logo azul de WordPress

Contenidos de Optimización

-Todos- Optimización (5)
Autoptimize - Plugins de caché - Smush – Lazy Load Images, Optimize & Compress Images - Test de velocidad - WP-SuperCache -

Autoptimize

Optimización avanzada de HTML, JavaScript y CSS en WordPress para lograr una mayor velocidad de la página....

Recomendaciones principales que se deben marcar:

  • Optimizar código JavaScript
    • Optimizar el código JavaScript
    • Unificar archivos JS
    • Incluir JS incrustados
  • Optimizar el código HTML
  • Optimizar CSS
    • Unificar archivos CSS
    • Incluir CSS incrustados
    • Guardar los scripts y el CSS unificados como ficheros estáticos
  • Extra
    • Google Fonts>Combinar y cargar las fuentes asíncronamente con webfont.js
    • Quitar emojis

Este plugin es compatible y complementario de WP Super Cache.



Plugins de caché

Son plugins de WordPress que convierten progresivamente la página Web dinámica en html y así se sirve todo mucho más rápido y con menor coste de CPU y acceso a base de datos....

Los plugins de caché más conocidos y usados de WordPress son:

  • WP Super Cache. Creado por lo propios autores de WP. La instalación es sencilla e intuitiva.
  • WP-Optimize – Clean, Compress, Cache. De los autores de Updraft Plus un plugin muy completo. Además del caché ofrece: Optimizaciones de base de datos y de imágenes.
  • W3 Total Cache. Muy potente y de código abierto pero complejo de configurar
  • WP Fastest Cache. La versión gratuita es suficiente y completa. Sencillo de configurar.
  • Hyper Cache. Uno de los más reciente. Open source por lo que es gratuito. Sencillo y potente a la vez.
  • LiteSpeed Cache. Plugin de aceleración todo en uno. Si el servidor incopora Lite Speed se activan más opciones.

Si queréis realizar comparativas os recomendamos acudir a Google porque sus prestaciones cambian continuamente y por ello es recomendable revisar la más reciente.



Smush – Lazy Load Images, Optimize & Compress Images

El plugin optimizador de imágenes más completo de WordPress....

Antes de empezar con el plugin te sugiero hacer pruebas de velocidad de la página con Google pagespeed o alguna herramienta similar para comprobar la ganancia de tiempo.

Asistente

Al instalar y activar nos aparece en el menú del escritorio. Al hacer clic en la opción se activa un asistente de instalación con los siguientes pasos:

  1. Optimizar las imágenes al subir. Comprime las imágenes al subir sin pérdida de calidad.
  2. Eliminar los metadatos de la imagen. Es la información que suelen insertar las cámaras digitales y que ocupa un espacio innecesario en la mayoría de las imágenes.
  3. Activar la carga diferida. El conocido Lazy Load que permite acelerar la carga de las páginas.
  4. Permitir que el plugin haga un seguimiento de la compresión. Es opcional y lo usan para mejorar y optimizar el código del plugin.

Una vez finalizado el asistente se realiza una revisión de las imágenes existentes en la página Web.

Primero pasos

Una vez tenemos instalado el plugin la recomendación es ir al Escritorio del plugin y activar la opción de redimensionar el máximo de imágenes. Suelo poner 1.280 x 1.280 px para mantener las imágenes de los slides habituales de algunas plantillas pero ajustar aquellas que se subieron diréctamente de la cámara y que suelen pesar varios megas y tener tamaños de más de 4.000 px.

La función Bulk images permite comprimir las imágenes grandes detectadas y con la versión Pro del plugin se pueden descomprimir todas con un click.

Ajustes

Desde el escritorio podemos acceder a varias secciones de configuración del plugin pero en principio con los temas comentados suele ser suficiente.

Pruebas de velocidad

Una vez instalado el plugin si volvemos a realizar pruebas de velocidad comprobamos que hay cambios significativos respecto a los valores anteriores.


Ver fuente

Test de velocidad

Los test de velocidad permiten saber el nivel de optimización de tu página Web y te ofrecen consejos sobre cómo mejorarla. En el texto ampliado tienes 3 de los mejores que hay actualmente...
Medir la velocidad de tu página Web con WordPress:
  1. PageSpeed Insights de Google. Uno de los clásicos y que debe ser una referencia ya que en función del resultado es como Google puntúa una Web para que esté mejor o peor posicionada además de muchos otros factores.
  2. WP Doctor. Excelente herramienta de Webempresa que ofrece muchos consejos sobre optimización.
  3. GTmetrix. Completa opción para analizar página Web dónde se puede elegir el continente desde donde se hace la simulación.


WP-SuperCache

Uno de los plugins más usados de WordPress creado por la misma empresa que ha desarrollado el CMS....

WP Super Cache, este plugin genera páginas estáticas en html a partir de las páginas dinámicas que genera WordPress, estas páginas dinámicas generadas son guardadas en tu servidor para disminuir hasta en un 80% la carga del servidor, esto debido a que en lugar de generar una página dinámica por cada petición de página al servidor se muestra la página HTML estática.

Está indicado especialmente para páginas Web alojadas en Servidores compartidos con pocos recursos.

No todo va a ser estático  las páginas estáticas html sólo van a ser mostradas a:

  1. Usuarios que no tengan una sesión iniciada.
  2. Usuarios que nunca hayan dejado un comentario en el blog.
  3. Usuarios que no han visto posts protegidos por contraseña.

Sabiendo que el 99% de los visitantes no hacen nada de lo mencionado anteriormente, estos usuarios verán las páginas cacheadas en el servidor, este plugin es muy útil cuando nuestras Webs son mencionados en sitios cómo digg.com  o meneame.net  que dirigen miles de visitantes a nuestros sitios, así se evitan caídas del servidor.

COMO FUNCIONA WP SUPER CACHE

WP Super Cache crea una carpeta llamada Cache dentro de la carpeta Uploads. Conforme se van visitando las páginas el Plugin va creando los html correspondientes y los guarda en la carpeta Cache.

INSTALACIÓN RÁPIDA DEL PLUGIN WP SUPER CACHE

  • Comprobar que están activados los Permalinks
  • Easy>Marcar Catching On y guardar.
  • Avanzado>Marcar Use mod_rewrite to serve cache files. (Recommended)  y guardar.
  • Avanzado>Reglas Mod Rewrite, hacer clic en Actualizar reglas Mod_Rewrite  y guardar.
  • Verificar que WP Super Cache está activo haciendo clic en Easy>Test Cache
  • Para comprobar que se generan las páginas entrando en una cualquiera, haciendo ver Código Fuente y comprobar que al final está el texto de generación de WP Super Cache.

INSTALACIÓN DETALLADA DEL PLUGIN WP SUPER CACHE

1. HABILITAR WP SUPER CACHE

Una vez instalado el plugin aparecerá notificándote que es necesario habilitar y configurar el plugin. Para hacerlo puedes dar clic en el link del mensaje o a través de Ajustes >> WP Super Cache.

2. ELEGIR EL MÉTODO PARA CREAR EL CACHE

Después de habilitar el plugin como se muestra en el paso 3, debemos elegir el método crear el cache. Seleccionar rewrite rules como se muestra a continuación:

3. ACTUALIZAR LAS REGLAS .HTACCESS

Luego de habilitar el método para crear el cache en el paso 4, deberás bajar por esa misma ventana (opción Avanzado) hasta Reglas Mod Rewrite, aparecerá algo como lo siguiente:

Baja un poco más y hacer clic en Actualizar reglas Mod_Rewrite

Si los permisos sobre el archivo son correctos,  las nuevas reglas serán ingresadas al .htacces y verás lo siguiente a modo de confirmación:

4. VERIFICAR QUE WP SUPER CACHE ESTÁ ACTIVO

Para comprobar que el plugin está realizando su trabajo, ingresa a la opción Easy y da clic en Test Cache.

Los resultados obtenidos deben ser los siguientes:

Otra forma, es ingresar a tu sitio web desde otro navegador (y sin estar autenticado), clic derecho en cualquier área de la página y dar clic en “Ver Código fuente de la página”. Ir al final de la página y debe aparecer lo siguiente:

7. OPCIONES RECOMENDADAS

Con el  WP Super Cache instalado, configurado y funcionando, podemos  habilitar la compresión.

Y siguiendo el paso 6, apartado “Ver Código fuente de la página”, esta vez debe mostrar:


Ficha del plugin

Más datos sobre el uso de WordPress

Correspondientes a 2021.

  • Su cuota de mercado de CMS es del 64%, el segundo es Shopify con el 5,2%.
  • Es el número uno en soluciones de eCommerce con un 25% de cuota de mercado gracias al plugin WooCommerce.
  • 455 millones de sitios Web están hechos con WP.
  • 409 millones de personas ven 21,2 mil millones de páginas de WP cada mes.
  • 661 nuevos sitios de WordPress se activan todos los días.

Actualizado con Limpiar HTML.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies