wordpress Archivos - Segunda Planta

Listado de la etiqueta: wordpress

AMP. Caso práctico de SEO para WordPress

mayo 24, 2016/0 Comentarios/en Posicionamiento en buscadores/por Alberto Pajuelo

Como ya os habréis hecho una idea, en Segunda Planta estamos obsesionados con la optimización de todos los factores SEO que beneficien directamente a los tiempos de carga y la experiencia de usuario, por lo que siempre procuramos estar atentos a las últimas novedades y sobre todo, probándolas en proyectos propios antes de aplicarlas a clientes.

Desde hace unos meses estamos testando AMP, una tecnología desarrollada entre otras por empresas como Google, WordPress o Twitter para mejorar la velocidad de carga de nuestras páginas webs.

Dicen que una imagen vale más que mil palabras, en este vídeo de menos de un minuto podréis verlo en funcionamiento:

Pero, ¿qué es AMP?

AMP o Accelerated Mobile Pages es una tecnología Open Source de reciente creación para mejorar la experiencia de usuario a través de una carga más rápida de nuestra página web en nuestros dispositivos móviles. En resumen, lo que ofrece es un acceso mucho más rápido a nuestros artículos, mediante la eliminación de todo aquel código que considere superfluo. Los que usáis Facebook, habréis visto que reciente a incorporado una nueva funcionalidad en su aplicación, los Instant Articles. Pues bien, AMP no deja de ser lo mismo, pero pensado de una forma mucho más global, ya que está concebido para todo aquel que pueda acceder de manera directa a la web, y no a través de una herramienta determinada.

Pero, ¿esto no lo daba ya el responsive?

Sí y no. Una web responsive lo que busca es mejorar la experiencia de usuario mediante la correcta visualización de la web a través de diversos dispositivos (móviles o de escritorio), pero no deja de ser la versión completa de nuestra web con sus ventajas y sus inconvenientes. Como ya hemos comentado en el punto anterior, AMP lo que hace es reducir los tiempos de carga de nuestra web, algo que, como ya hemos comentado en artículos anteriores, resulta fundamental para el SEO OnPage, y esto lo hace básicamente eliminando ficheros Javascripts y CSS externos, creando una nueva versión móvil para nuestra web. Por supuesto, podremos personalizar la visualización de la web, pero siempre a través de hojas de estilo nuevas, con el objetivo de que tenga un look and feel lo más parecido posible a nuestra web oficial.

AMP y WordPress

Por suerte, este trabajo nos lo han puesto fácil, ya que únicamente tenemos que instalar y activar el plugin oficial de AMP desarrollado por el equipo de Automatic. Una vez superado este punto, acceder a la versión AMP de cualquier post nuestro será tan sencillo como incorporar al final de la URL /amp/.

Un par de tips adicionales:

Si deseamos personalizar nuestro CSS, únicamente tendremos que modificar el fichero template.php incluido en la carpeta/wp-content/plugins/amp/
Si queremos que Google Analytics realice un seguimiento a las versiones AMP de nuestra web, debemos instalar el plugin AMP Analytics y configurarlo incorporando nuestro ID de Google Analytics.

Captura de pantalla del plugin de Analytics y AMP para WordPress

Ejemplo del plugins de Analytics y AMP para WordPress

Hay gente que fuerza la visualización de nuestras versiones AMP en los dispositivos móviles a través de la edición del fichero .htaccess, pero lo lógico es dejar que los buscadores como Google detecten y usen directamente las versiones AMP en caso de ser necesario; en este punto lo importante es ofrecerlas.

Debemos advertiros que, a día de hoy, este plugin reporta errores en Google Search Console. A pesar de esto, estos errores se van reduciendo con cada nueva versión del plugin que van lanzando, y consideramos que, aún con errores, es mejor tener implementada esta tecnología que no tenerla.

Vista de AMP en la herramienta Google Search Console

Página de información sobre AMP en la herramienta Google Search Console (Webmaster Tools)

AMP y el SEO

Aún leo artículos en los que la gente se cuestiona sobre la repercusión de AMP para el posicionamiento SEO en Google. Si bien, recientemente Google ha incorporado en su herramienta Google Search Console una sección en la que analiza el rendimiento de las versiones AMP de nuestras páginas. No obstante, si este elemento no nos parece suficiente, debemos recordar que el propio Google está involucrado en el desarrollo y evolución de esta tecnología.

Quizás lo más importante que debamos comprobar para el correcto funcionamiento del plugin no es más que revisar que la etiqueta canonical (rel=’canonical’) de nuestras webs redirijan a la versión original de la web.

EXTRA. Personalizar la visualización de AMP en WordPress

Aunque aún no lo hemos probado, recientemente hemos localizado un nuevo plugin para WordPress que nos facilitará la integración de AMP en nuestra web. Si queremos mejorar la visualización de nuestras páginas en AMP, pero preferimos no tocar directamente los ficheros de nuestra web, existe un plugin llamado FIA & Google AMP Pages by PageFrog, que nos permitirá realizar estas tareas sin tocar una sola línea de código. Éste a su vez nos permite personalizar también el estilo de los Facebook Instant Articles, aunque para ello tendremos que pasar un proceso de autorización por parte de Facebook.

Este plugin nos permite personalizar e incorporar elementos como:

Tipografía.
Logotipo de cabecera.
Estilos del fondo, cabeceras, contenido, enlaces y citas.
Configurar Google Analytics, por lo que si hacemos uso de este plugin, podremos prescindir del que comentamos en la parte superior del artículo.
Incorporar anuncios de Adsense.
Seleccionar el tipo de contenido que deseas que muestre estas opciones de personalización (posts, tags, categorías, etc.)

Por último, para quien le interese leer más sobre el tema, aquí os dejamos un enlace sobre un artículo reciente (22 de abril), en el que podemos ver un estudio donde nos indica que un 23% de los SEOs consultados han implementado ya la tecnología, teniendo en cuenta el poco tiempo de vida de esta tecnología, me parece un dato más que significativo (¡ojo! el artículo está en inglés).

Otro artículo interesante que habla sobre como afecta al SEO.

Nosotros estamos empezando a extender AMP sobre todos los WordPress que mantenemos. Si ya os habéis animado a configurarlo, sois reacios a usar AMP hasta que esté más extendido, no creéis en esta tecnología, etc. Contadnos vuestra experiencia en los comentarios.

Cómo crear un foro para WordPress

enero 7, 2016/7 Comentarios/en General, Posicionamiento en buscadores/por Alberto Pajuelo

Recientemente nos hemos visto ante la necesidad de crear un foro en WordPress para una asociación de juegos de mesa a la que pertenezco, Queremos Jugar. La idea era migrar el sistema de foros actual (SMF), a un sistema de foros en WordPress (bbpress) que nos permitiera unir foro y página web en un solo sistema, simplificando tareas de administración y mantenimiento, reduciendo necesidades de alojamiento y, lo que es más importante, unificando tráfico y visitas hacia la web, de cara a incrementarlas, poniendo a disposición de los visitantes de la web una comunidad ya activa y dotando de mayor visibilidad de los artículos generados en la web a los actuales usuarios del foro.

Aunque bbPress no es un sistema de foros similar a smf o vBulletin, por mencionar algunos de los clásicos sistemas de gestión de foros, éste permite incluir una gran cantidad de funcionalidades a través del sistema de plugins para WordPress, que poco o nada tendrá que envidiar a sus antecesores.

La importancia de tener un foro

Aun a pesar del crecimiento y asentamiento de las redes sociales, mantener un foro continúa resultando útil e importante para determinadas entidades. Al contrario que las redes sociales, en los foros se agrupan grupos más cerrados y con intereses y gustos muy similares sobre un tema en concreto, lo que les permite acceder a contenido que sea de su interés.

Para seguir con el mismo ejemplo mencionado arriba, para el caso de Queremos Jugar, el foro resulta útil como punto de encuentro entre sus asociados para organizar actividades, ponerse de acuerdo en determinados temas o, simplemente, para hablar sobre los juegos de mesa. Además, no es exclusivo para los socios, sino para los aficionados a los juegos de mesa en general, algo que, de no ser por el foro, se perdería en redes más cerradas y volátiles como WhatsApp.

Si logramos crear una comunidad fuerte, en la que sus componentes se sientan cómodos e identificados, lograremos un doble objetivo:

Por un lado aumentar el tráfico cualificado y la cantidad de las visitas de nuestra página web.
Por otro, disponer de un canal de comunicación exclusivo para nuestros clientes, donde según el tipo de producto o servicio que ofrezcamos, podamos resolver sus problemas, e incluso, ver como los usuarios interactúan entre ellos, reforzando sus relaciones.

Crear un foro en WordPress

Lo primero —que no hemos comentado, aunque si has llegado leyendo hasta aquí creemos que es lógico—, para montar un foro con bbPress, es necesario que nuestra página web esté montada sobre WordPress.

BbPress nos proporciona la parte más básica para montar un foro en WordPress, aun a pesar de que otros gestores de foro nos proporcionan más funcionalidades de serie. A través del sistema de plugins lograremos cubrir las mismas necesidades, permitiendo a su vez la completa integración con nuestra web en WordPress.

Una vez instalado bbPress (recordemos que es un plugin para WordPress y es algo tan sencillo como buscarlo e instalarlo), lo primero que tendremos que hacer es definir la estructura que le queremos dar a nuestro foro, a través del apartado Foros, que nos saldrá en WordPress.

Siguiendo con el ejemplo de la asociación de juegos de mesa, en ésta hemos creado dos bloques principales con sus subforos correspondientes. Uno para los socios (llamado La asociación), que será de acceso exclusivo para nuestros socios, y en el que se tratarán cuestiones internas; y otro para el público en general (llamado Hablando de juegos de mesa), que englobará todos los subforos públicos relacionados con la afición en sí. Aquí podéis ver el estado actual de dicho foro.

Una de las ventajas que aporta crear el foro en WordPress es la unificación de las cuentas de usuario de nuestra web y el foro, algo que facilita la gestión de nuestra web y que permite, si así lo deseamos, que un usuario de nuestra comunidad pueda a su vez generar contenido para publicar en nuestra web. Imaginad la experiencia de usuario que podríamos dar si a su vez nuestro negocio girara al rededor de un portal de comercio electrónico.

Plugins para bbPress

Tras tener operativo nuestro foro en WordPress, únicamente nos queda darle forma y proveerlo de funcionalidades para que realmente resulte útil tanto para nosotros como para nuestros usuarios. Para ello, nada más sencillo que añadirle los siguientes plugins, y por supuesto, configurarlos a según nuestras necesidades:

bbP private groups

Si tenemos la necesidad de definir zonas del foro privadas y exclusivas para distintos grupos de usuarios, este plugin resulta fundamental, ya que nos permitirá definir fácilmente grupos de usuarios, que podremos asignárselo a los distintos apartados del foro, así como a determinados usuarios según el rol que desempeñen. Por seguir con el ejemplo de los juegos de mesa, en la asociación tenemos tres perfiles de usuarios:

Junta directiva: grupo de usuarios exclusivo para los miembros de la junta directiva, con el que habilitaremos una zona del foro exclusiva para ellos, en la que se tratarán cuestiones de la gestión de la asociación.
Socios: grupo de usuarios en el que serán incluidos todos los usuarios que sean socios de Queremos Jugar. A través de este grupo podrán acceder a un área privada, en el que se traten temas asociativos, se organicen las actividades internas, comunicados para socios y el resto de tareas asociativas.
Públicos: todos los usuarios que se den de alta en el foro, pero no pertenezcan a la asociación estarán vinculados a este grupo, lo que les dará permiso para acceder a un área pública donde podrán hablar y debatir sobre los juegos de mesa, vender juegos de segunda mano en una sección de mercadillo, o realizar cualquier consulta sobre la asociación.

Algo similar se podría hacer con cualquier otro servicio o producto que se oferte, en el que, a través de un grupo privado, se le de acceso a un área exclusiva del foro para ofrecer soporte a aquellos usuarios que tengan contratado el servicio, y un área pública para que cualquier visitante pueda comentar o consultar sobre los productos ofrecidos.

Bbpress Login Register Links On Forum Topic Pages

Este plugin incrusta unos enlaces para el acceso y registro para cualquier usuario que acceda al foro. No es imprescindible, dado que podemos realizar esta función a través de otros mecanismos, pero lo cierto es que facilita mucho la tarea al usuario, al darle facilidades para acceder e iniciar la conversación, y ya sabemos que la experiencia de usuario debe ser un plus en nuestra web.

BbPress New Topics

Este plugin únicamente muestra aviso visual en aquellos hilos que aún no hayamos leído, facilitándonos identificar qué conversaciones tenemos pendiente de lectura.

BuddyPress

BuddyPress es un plugin que provee una función social a BbPress. En nuestro caso, nos aprovecharemos de unas funciones muy concretas, como son las notificaciones de nuevos mensajes a los usuarios, la personalización del perfil de usuario (es muy importante que cada usuario tenga la posibilidad de incluir datos tan básicos como su foto de perfil) y, sobre todo, los mensajes privados entre usuarios.

GD bbPress Toolbox

GD bbPress Toolbox nos permitirá realizar prácticamente todo lo que queramos con nuestro foro. Tenéis a vuestra disposición dos versiones, una gratuita y otra por 30$. Os recomiendo esta última, dado que el precio es residual para las ventajas que nos proporciona:

Sistema de ficheros adjuntos para los usuarios del foro, de forma independiente a la gestión de medios de nuestra web.
BBCodes, que no es sino una forma sencilla para permitir a nuestros usuarios formara y añadir estilos básicos a sus mensajes.
Citar mensajes, algo que para cualquiera que haya estado un tiempo siendo usuario de un foro resulta fundamental, permitiendo realizar respuestas coherentes dentro de los hilos de un debate.
Firmas de usuario, porque a nuestros usuarios normalmente les gusta personalizar su firma.
Respuestas predefinidas, algo que nos permitirá facilitar la tarea a los moderadores del foro.
Agradecimientos. Estando tan de moda lo social, se agradece un mecanismo que permita a los usuarios premiar de esta forma los mensajes que les gusten sin necesidad de responder.
Mejoras SEO, para personalizar las etiquetas de los hilos (title, description, etc.), o algo tan fundamental como poder añadir por defecto la etiqueta nofollow a los enlaces que incluyan los usuarios.
Interfaz de administración, para facilitar la tarea a todos aquellos que nos dedicamos a la ardua tarea de mantener los sistemas disponibles.

Peter’s Login Redirect

Por último, aunque no fundamental, os incluyo este último plugin, que permitirá redirigir a los usuarios a una página predefinida (perfil personal del usuario o página principal del foro, e incluso la página de inicio de la web), cuando estos se identifiquen en nuestro sistema.

He intentado ser lo más práctico posible, pero sin entrar en detalles de configuración para tratar de evitar que se convirtiera en un artículo demasiado técnico. No obstante, si tenéis cualquier duda, podéis trasladármela a través de los comentarios, y por supuesto, dado que esta es mi selección personal, si tenéis algún otro plugin que os resulte de utilidad, estoy abierto a sugerencias, por nuestra parte, a día de hoy, aún nos falta localizar un plugin para que los usuarios puedan integrar encuestas fácilmente en el foro ya que, los que he encontrado hasta la fecha son específicos para WordPress, y no son fácilmente usables para nuestros usuarios.

Optimizar la velocidad de carga de tu web gracias a Google Page Speed

agosto 11, 2015/2 Comentarios/en Posicionamiento en buscadores/por Alberto Pajuelo

La velocidad de carga de una página web es uno de los factores que consideramos más importantes para la optimización SEO on-page. Influye directamente en la experiencia de usuario de nuestra web porque ¿a quién no le gusta visitar páginas que se carguen prácticamente al momento? ¿Cuántas veces hemos visitado una página y nos hemos salido antes de que terminara de cargar porque nos hemos cansado de esperar?

En este artículo vamos a localizar mediante la herramienta de Google, Page Speed, los principales elementos que provocan la ralentización de nuestra web, centrándonos en solucionar los que consideramos más importantes. Como podréis comprobar a lo largo del artículo, algunos de los mismos son bastante simples de configurar y suponen una mejora notable en la velocidad de carga. Por ello nos sorprende que, a día de hoy, existan muchas empresas que se venden como profesionales del posicionamiento web y no tengan en cuenta estos factores, algo que podemos comprobar realizando un simple test a su página con Google Page Speed.

Lo primero, medir la velocidad de carga de nuestra web con Google Page Speed

Google Page Speed es una herramienta web que Google pone a nuestra disposición de manera gratuita, para que podamos medir, mediante una escala de 0 a 100, la velocidad de carga de nuestra web, mostrando información adicional sobre los principales factores que influyen en la ralentización de la misma, y sugiriendo formas para optimizar el rendimiento de nuestra página. Debemos tener en cuenta que estos factores, aunque no son definitivos como hemos comentado antes, son factores SEO on-page que ayuda directamente a mejorar la experiencia de usuario, algo que nos puede ayudar a lograr una mejora considerable en nuestro posicionamiento web.

Velocidad de carga de Google en su propia herramienta Page Speed

Lo primero que debemos hacer es acceder a la página de Google Page Speed, e introducir la url de nuestra web para poder analizarla:

En las capturas anteriores podemos observar los factores de Google Page Speed nos recomienda mejorar. En este artículo nos centraremos en estos aspectos, y podrás comprobar personalmente la mejora que suponen para tu página web en base a la escala de 0 a 100 que nos muestra Google.

Aspectos principales a corregir para optimizar la velocidad de carga de tu web

En las siguientes líneas nos centraremos en los factores principales para optimizar la velocidad de carga de nuestra web, y que podremos modificar de una forma sencilla con independencia del lenguaje de programación o CMS que empleemos para nuestra página web, haciendo que a su vez nos aporten una mejora sustancial como para que merezca la pena aplicarlos:

Reducir el tiempo de respuesta del servidor

Reducir el tiempo de respuesta del servidor es uno de los factores principales, y deberíamos tenerlo en cuenta antes de pasar nuestra página web a producción. Por eso, la elección de un buen servicio de hosting es fundamental, debemos huir de proveedores con alojamientos baratos y/o compartidos, ya que dependeremos de factores externos que escapan de nuestro control; entre otras cosas, no tendremos control sobre las páginas de otros clientes que el proveedor tenga alojadas dentro del mismo servicio. Personalmente recomendamos para la mayoría de las webs la contratación de servicios de VPS, lo que nos permite una calidad mínima, garantizándonos una cantidad mínima de recursos para nuestra web, y evitando compartir nuestra máquina con otros clientes del proveedor. Ojo, no todos los VPS son iguales, ni todos los proveedores lo son, y para estos últimos, varían mucho las infraestructuras reales que ofrecen, así como el soporte que prestan, no son ni mucho menos los mismos en todos los proveedores. No obstante, trataremos de extendernos más sobre este tema en un próximo artículo sobre WPO (Web Performance Optimization), pero en resumen, aquí más que nunca, tiene sentido la frase que muchos conocemos: lo barato sale caro.

Por supuesto, todos los factores que comentaremos a continuación influirán en el tiempo de respuesta del servidor, aunque tampoco debemos olvidarnos de tener en la medida de lo posible un código limpio y evitar abusar del uso de módulos en nuestra página web.

Habilitar la compresión

Habilitar la compresión de nuestra página web es algo muy sencillo, para ello tendremos que acceder a través del servicio de ftp que nos haya proporcionado nuestro proveedor, y modificar el archivo .htaccess que encontraremos en la carpeta principal del ftp (deberíamos crearlo en caso de no existir), añadiendo al final del mismo las siguientes líneas de código:

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
# END GZIP

Con esto, lo que estamos haciendo es indicarle a nuestro servidor que comprima previamente toda información que transmitamos desde nuestra página web hacia el navegador de cualquier cliente. Así logramos, a cambio de un pequeño aumento en la carga del servidor, reducir el tamaño de la información que nuestra web tiene que enviar a los navegadores.

Especificar caché de navegador

Para especificar la caché del navegador debemos incluir las siguientes líneas de código en el fichero .htaccess tal y como hemos comentado en el punto anterior:

<IfModule mod_expires.c>
<filesmatch «.(jpg|JPG|gif|GIF|png|PNG|css|js)$»>
ExpiresActive on
ExpiresDefault «access plus 30 day»
</filesmatch>
</IfModule>

Con esto, lo que buscamos es reducir la cantidad de información transmitida entre nuestra página web y nuestros clientes. No tiene mucho sentido que un navegador se descarguen las mismas imágenes de nuestra página cada vez que acceda a ella, con lo que lo que hacemos es indicarle a los navegadores que nos muestren la imagen que tienen guardada localmente en su caché, procedente de la visita que realizaron anteriormente a nuestra página.

Si vemos que tras realizar este cambio no se aplica, tendremos que activar en nuestro alojamiento el módulo correspondiente para su correcto funcionamiento. Os recomiendo, en caso de no tener los conocimientos suficientes en este sentido, que se lo solicitéis directamente a vuestro proveedor, ya que para ellos es una tarea sencilla y habitual.

Debemos tener en cuenta también que existen algunos recursos externos, a los que no le podremos modificar la fecha de caducidad, por lo que si usamos servicios como Google Analytics o los streams de Facebook o Twitter (algo muy habitual), por poner algún ejemplo, tendremos que asumir que no tendremos el control sobre dichos ficheros.

Otros aspectos a tener en cuenta para optimizar la velocidad de carga de tu web

A continuación trataremos otros aspectos que también influyen para la optimización de la velocidad de carga de nuestra web, pero en este caso, nos centraremos en cómo mejorarlos si tenemos hecha nuestra página con un CMS, en concreto WordPress. Si estás desarrollando tu página a medida, entendemos que debes tener los conocimientos suficientes como para aplicar estas mejoras, sólo debes tenerlas en cuenta.

Optimizar imágenes

Optimizar nuestras imágenes es algo que, aunque a muchos nos parezca algo elemental, una amplia mayoría ni siquiera lo tiene en cuenta. Y es que, ¿no creéis que no tiene mucho sentido hacer que nuestro navegador descargue una imagen el doble de grande que el recuadro donde nuestra página lo va a mostrar? ¿Tiene sentido almacenar los metadatos de la imagen que descargamos, es decir, información como el modelo de cámara con que se tomó la foto, la apertura del diafragma, la sensibilidad del sensor, etc.? Si fuéramos fotógrafos seguro que sí pero, en este caso, lo que buscamos es mejorar la experiencia del usuario, por lo que no sólo se trata de adecuar el tamaño de nuestra imagen al espacio donde se va a mostrar, sino de eliminar toda la información que no resulte útil para el usuario.

Para esto, nosotros usamos dos plugins de WordPress, Imsanity y EWWW Image Optimizer. El primero reduce el tamaño de todas las imágenes que subamos de forma automática, a unos márgenes que consideremos lógicos. En nuestro caso, consideramos que el tamaño de 1024×1024 píxeles es más que suficiente para la mayoría de las webs, y con esto también ayudamos a reducir el espacio de almacenamiento en nuestros servidores. El segundo plugin nos permitirá eliminar los metadatos innecesarios para nuestras imágenes, así como comprimirlas lo suficiente como para reducir su peso sin perder calidad.

Minificar JavaScript, CSS y HTML

Al minificar el código de nuestros ficheros, ya sea en lenguaje JavaScript, CSS o HTML, lo que buscamos como en la mayoría de los puntos anteriores es reducir la cantidad de información que se va a tener que descargar nuestro navegador. Lo que se hace realmente con la minificación es eliminar código innecesario para que nuestra máquina interprete el fichero, como son las líneas en blanco o los comentarios sobre el código que, si bien para el desarrollador son útiles ya que facilitan la comprensión lectora del código, al navegador no le aporta nada.

Es este caso, no estábamos convencidos con el plugin que usábamos hasta la fecha en WordPress, por lo que recientemente estamos probando JCH Optimize, que tiene dos versiones, una gratutita, suficiente para la mayoría de las webs, y otra de pago, que tendremos que estudiar más a fondo.

Con la siguiente imagen os podéis hacer una idea de la importancia de aplicar estas técnicas a través de un ejemplo muy simple:

Imagen obtenida de css-tricks

Aspectos más complejos que no vamos a tratar en este artículo

Aparte de todos los aspecto mencionados anteriormente, existen otros factores que requieren un mayor conocimiento de la materia, y que no trataremos en este artículo ya que pueden requerir cambios en el desarrollo o en la forma de plantear la estructura de nuestra página web, tal y como puede ser con el caso del punto: Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página, que, básicamente, lo que nos dice es que debemos evitar cargar contenido en la parte superior de la página que suponga una ralentización de la página, tales como slides avanzados, hojas de estilo (css) o ficheros de Javascript, ya que antes de mostrarnos la página, nuestro navegador descargará todos estos ficheros, lo que supondrá un aumento en el tiempo de carga de la web. Para ello, lo que os vamos a recomendar, si hacéis uso de WordPress, es que procuréis usar plantillas que ya estén contrastadas, que evitéis abusar del contenido dinámico en la portada de vuestra web, así como de los slides avanzados que hacen uso de efectos que, si bien, pueden resultar muy bonitos, no ayudan para nada en este sentido.

A continuación podemos ver como nos indica Google la mejoría una vez optimizados los factores anteriores:

Lógicamente, con algunos conocimientos más al respecto podremos mejorar estos valores, pero este creo que es un buen punto de partida para la mayoría de las personas que quieran empezar a tener en cuenta el WPO (web performance optimization) de su página web.

Por @targess