⚡ La GRAN mentira del Google Page Speed y su velocidad ⚡ |
¡Feliz navidad afable lector! ¡Feliz navidad educada lectora! Con Papa Noel trasnochado y secuestrado en mi habitación y los reyes a la vuelta de el rincón en B30 no paramos…
Hoy charlamos del Page Speed. ¿Es útil para posicionamiento web en buscadores? ¿Realmente mide la velocidad de tu página? Quédate… hoy tenemos un posicionamiento en buscadores-artículo entretenido 😄
Lo vamos a escribir en un tono absolutamente desenfadado por ser las fechas que son. Pero antes que nada… ¡dale al play!
Índice del artículo
En el último blog post del año traigo al que es uno de mis mejores amigos a día de el día de hoy.
En este instante, por circunstancias de la vida, en muchas ocasiones mis mejores amigos acostumbran a ser también las personas con más talento en sus disciplinas o como poco muy buenos… son realmente buenos y podría decir que todos configuran el
equipo B30.
Jaime Sempere ha sido programador de HP y de múltiples startups con gran capital en el ecosistema emprendedor español.
Del mismo modo, es alguien con quien conecto pues tiene exactamente la misma manía que yo, tan insana como romántica: think big o bien lo que es lo mismo…
piensa en grande.
Está creando un CMS que competirá con el mismísimo Wordpress (si bien él diga que no y pese a las innumerables discusiones que hemos tenido sobre ese tema): Mishell.
Fue el autor del pluginjunto conmigo, el que pusimos sin costo a disposición de toda la comunidad.
En terminante, es capaz de hacer que el código «hable», algo que constato cuando voy a verlo a su piso de soltero en Zaragoza y miro sus monitores, hasta arriba de numeritos que no alcanzo a entender, sobre una mesa llena de Redbulls vacíos y alguna que otra copa de Baileys a medio acabar por mi parte.
Código es poesía. Sempere… dales caña en el último post del calendario dos mil dieciocho de Blogger3.0.
¡Nos vemos a la vuelta lector!
Nadie lo sabe, pero una vez tuve que salvar al Universo. Recolecté las cinco gemas del infinito, surqué dos galaxias, negocié con Estela Plateada e imploré ante Galactus del otro lado del agujero negro de una supernova.
Pues bien, todo aquello no fue nada en comparación con la tarea que tengo el día de hoy entre manos:
escribir sobre el Page Speed.
Y tú querido lector, lo sé (del mismo modo que supe cómo hacer reír a Galactus – y salvar al cosmos – con un simple chiste de Gila), no paras de preguntarte cosas cómo:
Bueno, puesto que dale un sorbito a la botella de ron, arremángate y coge el bisturí que nos toca diseccionar al Page Speed.
Empezando por la última, servidor, además de artista libre, estrella malograda del rock and roll y un amante irregular con momentos de auténtico genio mezclados con otros de mediocridad, también guarda en el armario un traje de programador, justo a la vera de las mallas de Spiderman.
Si has usado el complemento, posiblemente habrás visto mi nombre por ahí junto al imitador más grande de Dani Martin que se está perdiendo España (si deseas sacarle los colores a Dean, puedes preguntarle por esto abajo en los comentarios).
Pero ya antes, déjame adelantarte. No, amigo, no hay nada como las bolas de dragón.
Como pequeño aparejador de Matrix, me gusta que haya belleza en el código. Que sea simple, fácil, como un jardín Zen en el que cada cosa está donde debe estar y hace lo que debe hacer.
Por eso, creo que puedo comprender un poco al incomprendido Google Page Speed de algún modo… lo cual no quiere decir que no sea consciente de la gran importancia desaforada y errónea que se le da a día de hoy.
Con ambos puntos de vista contrapuestos presentes… voy a aportar mi opinión como programador parafílico de los bits.
¿Preparado para saber lo que quiere Google? Lo único que Google te solicita, es una pequeña, pequeña cosa de nada:
–
Todo.
(Ves cómo las bolas de dragón irían realmente bien aquí).
Google tiene una idea (atinada mas algo alejada de la realidad) de cómo tendría que ser la página perfecta, en términos de optimización (ojo, charlamos de optimización y no de velocidad ).
➔ El Page Speed no te señala realmente la velocidad cuantitativa de tu página . No. Nones. No. Repito no. Para el del fondo de la clase. Que no. Para los que vengan al día siguiente y se les haya olvidado lo que dimos el día de ayer. Que no.
Lo que te afirma el Page Speed es el grado de mejora que tiene tu página con respecto a esa versión ‘perfecta e idealista’ que podría ser tu página.
En otras palabras, si tu página
saca un 80en Page Speed, no significa necesariamente que sea más lenta que una que
ha sacado 90, sino tienes más margen para la mejora en cuanto a optimar tu página.
Tu página podría sacar un 100 y otra página de 90 aún podría ganarte en velocidad como Flash de MARVEL con sobredosis de Redbull.
Y diseño web wordpress pontevedra . Sus criterios para determinar la puntuación, en ocasiones son un poco absurdos (ver más adelante el caso desgranado de dinosaurioss.com).
Pero no me creas solo a mí. Exactamente los mismos chicos del archiconocido complemento WP-Rocket, escribieron un buen artículo () donde con atrapas incluidas mostraban esta gran incongruencia:
A continuación, te dejo una captura extraída del artículo en cuestión.
Señalar, además, que el sitio rápido aún pesa más que el lento (prácticamente 900Kbs frente a 431kb), con lo que su velocidad aún tiene más mérito en tanto que carga el doble de contenido. Mira cómo aún así Google le da una mala puntuación:
Sitio rápido con mala puntuación (izquierda) versus lugar lento con buena puntuación (derecha)
Para no soltarte rollos, te he preparado unas tarjetas a código a fin de que puedas preguntar rápidamente los criterios más sonados de Page Speed.
Las tarjetas señalan 4 puntos:
Y como chiste te contaré más adelante, cómo el tema de haberme currado estas tarjetas (las diseñé y programé expreso para este artículo) me hicieron provocar una pifia con la que pasé más tensión que cuando Galactus me miraba con ojos tiernos.
Aquí, algunos de los ejemplos más comunes por los que Google Speed intentará sacarte los colores.
Haz click en«
rotar» sobre las tarjetas para tener información más completa.
Significado:Eliminar los saltos de línea y espacios de los archivos CSS y de JS resultando ficheros de tamaño más liviano
Deberías ‘minificar’ tus ficheros siempre y cuando puedas, tu página web funcionará igual de bien, usando ficheros más pequeños
Rotar
Importancia:Media-baja
Facilidad de implementar:Fácil mas en algunos casos puede presentarte problemas de visualización.
Plugins:WP Rocket, W3 Total Cache
Volver
Significado:Es un método de comprimir tus archivos (además de minificarlos) para que ocupen menos, y en consecuencia tu página cargue antes.
Rotar
Importancia:Media-baja
Facilidad de implementar:Cualquier servidor de el día de hoy en día podrá servir ficheros GZIP, para ello puedes alterar el .htaccess o usar plugins
Plugins:WP Rocket, W3 Total Cache, WP Fastest Cache…
Volver
Significado:Bueno, creo que se autoexplica, ¿no? No seas gañán/gañana y siempre y cuando subas imágenes a Wordpress comprímelas.
Rotar
Importancia:Alta. Puedes ahorrar mucho comprimiendo adecuadamente las imágenes.
Facilidad de implementar:Simplemente ya antes de subir una imagen, comprímela. Te recomiendo la herramienta online y gratuita
Plugins:Como opción alternativa a TinyPng (que te la recomiendo frente a instalar más plugins), barcelona community manager .
Volver
Significado:Se refiere a cargar los CSS críticos para que tu página se vea bien primero, y aplazar los que no sean críticos, para así no bloquear la carga de tu página.
Rotar
Importancia:Baja
Facilidad de implementar:Complicado. Es un poco utopía procurar lograr algo así si el theme no está hecho a la medida para esto.
Plugins:El complemento WP-Rocket sí que me llegó a hacer este punto bien en un blog sin mayor inconveniente. No sé qué clase de magia negra usará, mas lo hizo bastante bien.
Volver
Significado:Esto es exactamente lo mismo que hablábamos con los ficheros CSS, mas para los archivos de JavaScript. Es decir, desplazar ficheros que se cargan en el header, al final de tu página, para que no bloqueen la carga.
Rotar
Importancia:Baja
Facilidad de implementar:Lo mismo que en el punto precedente, no es sencillo decidir o saber qué ficheros JavaScript son necesarios en el ‘header’ y cuáles puedes cargar más adelante.
Plugins:Nuevamente el complemento WP-Rocket se comportó bastante bien en este punto en una de las pruebas que hice en un weblog.
Volver
Significado:Lo que hace la caché es que en el momento en que una persona navegue por tu weblog, no tenga que volver a cargar los archivos comunes de varias páginas, y usar una versión anteriormente guardada de ese fichero (básicamente serán ficheros JavaScript y CSS)
Rotar
Importancia:Baja
«A poco que uses algún plugin con recursos externos, te vas a encontrar este fallo. No siempre y en toda circunstancia puedes detallar la caché de navegador (scripts externos). Así que solo queda resignarse y hacer oídos sordos»
Si incluso así quieres intentarlo
Volver
Ahora, aun el análisis del Page Speed, te sugiere que emplees formatos de ‘nueva generación’ como JPEG 2000, JPEG XR y WebP. Mas basta de charla técnica, vamos a hablar de Romuald, de Dean y de Amazon. Que sí hombre, que sé que sin un poco de salseo os dormís.
Disclaimer: La narración que sigue a continuación es pura ficción y cualquier semejante con la realidad es pura coincidencia.
Los 3 encapuchados con túnica se reunieron en el lugar acordado, a la hora señalada, bajo la sutil luz de unas velas al filo de consumirse. Ni móviles, ni nombres, ni nada que sirviese para registrar aquella reunión en las sombras, tal como dictaban las normas.
Con gestos ceremoniosos, hicieron el saludo que les identificaba como miembros de aquella secta cuyo nombre no se puede vocalizar.
–
No puedes hacer eso, hermano lector. – afirmó el encapuchado con voz afelpada y pausada.
– ¿No queréis que la gente sepa la verdad? ¿No sois los que lucháis contra el sistema y por despertar a la gente?
– Claro que sí, pero no a costa de dispararnos en el pie. ¿Recuerdas que aún estás en período de prueba, hermano? – su voz contrastaba con la de sus vídeos histriónicos. Era calmada y también hipnótica, al mismo tiempo que firme.
– Siempre y en todo momento me gustó el riesgo. Y la verdad. Dejarme llevarla a más gente. Dejarme mostrar vuestras vergüenzas para persuadirles de una vez. Para que despierten, se olviden del Page Speed, y se centren en otras cosas más importantes, como pelear por sus sueños y un buen enlazado interno.
Los 2 interpelados cruzaron miradas por un momento, en el que parecieron decirse todo. Finalmente acordaron:
– Está bien, mas no olvides que estás a prueba. A ver cómo sale esto. Si entonces tenemos problemas, habrá consecuencias.
Y ambos se alejaron del sitio con el mismo sigilo con el que habían llegado.
El aspirante (que ahora lucía una media sonrisa maquiavélica) se quedó en la penumbra, frotándose las manos pensando «mah, mas qué artículo más rico y salsero voy a escribir»
Recuerdo cuando Romuald Fons (le debo una entrevista, caballero, cuando deje al Whiskey, el tabaco y las señoritas que cobran por horas, palabra de borracho) presentaba su plantilla Orbital, en la que llegó a mostrar un
Page Speed 100 de 100.
¿100 de 100 con WP? Mis respetos, hermano. Creo que conseguir un cien de cien con WordPress es bastante jodido (detalles más adelante – pero qué forma más zafia de generarte intriga y no soltarte, eh amigo lector -).
Pero si vas, por servirnos de un ejemplo, a su página de aves exóticas, te puedes localizar esto:
Y ahí la tienes, igualmente
posicionada en primer lugarpara muchas de sus palabras clave con gran volumen de búsqueda.
¿Es Romuald imbécil? ¿Es Orbital una mierda? ¿Van todos y cada uno de los perros buenos al cielo? No. Ni mucho menos. Y sí (junto con los caballos ponys y los osos cariñosos).
Estoy seguro de que Romuald -si quisiese- podría subir esa puntuación hasta un 100 o bien casi un 100, mas simplemente creo que no se ha preocupado aquí (y para mala suerte de él, lo hemos cogido).
Ha pasado un poco del Page Speed,
centrándose en las cosas que realmente importanpara posicionar una página.
Lo cual me recuerda el caso de otro posicionamiento en buscadores quizá todavía «aún más guapo» que Romuald Fons.
Me refiero a ese monstruo de las SERPS. A esa fiera de las keywords. A ese bestia parda del enlazado interno. Al crack del Inbound Marketing. Un gigante, que digo un gigante, un titán, un semi dios, un hijo bastardo fruto de una salvaje orgía entre SemRush, Ahrefs y Sixtrix… el gran… Dean Romero.
Ahí estaba (y ahí sigue) Dinosaurioss.com de manera perfecta posicionada. Adjunto la atrapa de SemRush del mismo:
Posicionando una web sin preocuparnos del Page Speed
Resulta que todo ese trabajo de posicionamiento lo hizo Dean, sin tocar, ni preocuparse lo más mínimo sobre el Page Speed.
Cuando Dean se propuso sacar en venta la misma plantilla que había construido a la medida para ese nicho, nos pusimos a mirar el Page Speed y sorpresa, sorpresa… sacaba unos cuarenta y pocos puntos en el Page Speed.
Actualmente, tras instalar y ajustar el complemento WP-Rocket (para aplicar
lazy loadingde imágenes y minificación de CSS y Javascript), hemos logrado subirla hasta un 78:
Y según Google Page Speed estos son nuestros 4 pecados capitales cometidos para no llegar al 100:
Te los desgrano (y casi desmonto) uno por uno. Atento a lo tiquismiquis y tocapelotas que puede llegar a ser el Page Speed:
Aún no es algo banal el uso de webP en WordPressy, a mi juicio, hasta el momento en que WP no incluya soporte nativo del formato, mas sobre todo, hasta el momento en que la mayoría de los navegadores no sean compatibles, creo que es mejor por el momento no hacer experimentos con el formato.
Aún no es algo banal el empleo de webP en WordPressy, a mi modo de ver, hasta el momento en que WordPress no incluya soporte nativo del formato, pero sobre todo, hasta el momento en que la mayoría de los navegadores no sean compatibles, creo que es mejor de momento no hacer ensayos con el formato.
No quería dejar de mencionar a Amazon (este no acudió a la reunión nocturna de la secta, pero nos puso un fax diciendo que adelante con sacar sus vergüenzas también).
El gigante Amazon, con posiblemente una de las mejores infraestructuras informáticas de todo el mundo (no en vano, la revende como servicios en la nube) saca un ‘impresionante’
33.
Y tú quejándote de que no llegas a 100
¿Hacen falta más comentarios? Si a Amazon no le quita el sueño su Page Speed… ¿por qué te lo va a quitar a ti?
Déjame contarte mi metida de pata y un momento de agobio infinito que pasé mientras escribía este artículo.
Cuando empecé el post, estuve diseñando y programando las tarjetas rotatorias que has visto al principio.
Parte del trabajo consistía en ajustar el CSS, para eso utilicé la posibilidad que te da Wordpress para añadir un CSS personalizado. Fíjate en la pinta que tiene el botón para guardar los cambios:
Ese «bonito» botón de «Publicar»
El proceso consistía en ir haciendo ajustes continuamente y pulsando el botón para guardar. De manera adicional, en ocasiones también guardaba el borrador del post.
Básicamente el proceso era: ajuste del CSS, pulso en publicar. Toquecillo en el post guardo borrador. Así mil veces.
Recuerdo que el día precedente (ya antes de ponerme con las tarjetas), mientras escribía el inicio del blog post, estuve pensando:
«ostia, como le dé a Publicar post en lugar de Guardar borrador la puedo liar parda».
¡Adivina qué pasó! Que en algún instante, en el ajuste número doscientos, mi mente ya solo veía botones azules para publicar, y ¡plas!.. Efectivamente, la líe parda y le di a publicar al blog post (este artículo) en boceto y sin formato alguno prácticamente.
50 minutos estuvo publicado en la portada de Blogger3cero, un post sin imagen asociada, con un título de mierda temporal y con divagaciones de un pseudo escritor borracho que aún procuraba y experimentaba con el tono del artículo.
Cuando me di cuenta: sudores fríos, los huevos en la garganta, y una risa de ido me atacaron a la vez. Pensé «bueno no pasa nada, por el hecho de que se haya visto un ratillo, además la mayoría de gente entra a artículos, ya antes que en la home… bla bla».
A los cinco minutos (cuando ya lo había puesto nuevamente en borrador) me llega un Whatsapp de Dean «
¿qué has hecho desquiciado?«. «Están compartiendo por Twitter tu artículo sin terminar…» (ahí ya los huevos me hicieron en la garganta ‘ding, ding, ding!’).
Captura de mi liada parda en todo su esplendor
Afortunadamente, no me echaron de la secta y todo quedo en una buena metidita de pata de servidor sin mayor daño (salvo mi subida de tensión y un pensamiento de «pero qué burro eres» que aplaqué con media botella Jack Daniels).
Todo esto tuvo una buena cosa.
Un lector del weblog (David Lozano, con una web muy guapa a propósito), dejó un comentario avisando del fallo.
Intercambié dos correos con él para comentarle que sí, que trabajo con monos con ballestas en mi casa y uno había disparado una flecha en todo el botón de «Publicar» involuntariamente.
Y me comentó
algo interesante sobre el alojamiento de Raiola.
Resulta que habían migrado el software de sus servidores a un servidor más veloz (LiteSpeed frente al clásico Apache), para mejorar las velocidades de carga (puedes leer más de esto en el link adjuntado al final del post).
Con esto, la propia página de David, había pasado de ochenta a noventa y cinco en mobile y de noventa y cinco a cien en Desktop (me comentó que por medio del complemento Autoptimize ya había logrado buenas puntuaciones en el Page Speed).
Así que este apartado es también para felicitar a Raiola por sus sacrificios en tener unos servidores rápidos que satisfagan las necesidades de sus clientes.
Nota de Dean: comentario especial para Alvarito de Raiola Networks, que debe venir a verme a la capital de España ya, ¡vuelve cabrón! Y a Martín de Raiola, que da a preferido en Twitter a cosas que no debería xD
Más allá de que Raiola pueda decir «que tío más salado» y me envíen un buen Whiskey (Álvaro, japonés si puede ser, por favor), no guardo ninguna relación con ellos ni nada similar, pero al César lo que es del César.
La anécdota es 100 por cien real, y creo que pegaba bien como chiste y prueba de que
tu alojamiento web también puede influir en el Page Speed. seo experto madrid ás, en tanto que lo pasé mal, así me resarzo, le doy sentido al instante de agobio máximum infinito y todo termina teniendo sentido, y cuadrando como un puzle cósmico.
Me vais a perdonar, mas nunca fui demasiado bueno con el copy de los subtítulos…
El problema de intentar optimar y exprimir a fondo el Page Speed con una plataforma como Wordpress es (entre otros)
su arquitectura de plugins.
Los plugins van añadiendo ficheros JavaScript y CSS según estén programados. Esto te puede llevar a inconvenientes a la hora de (como hemos hablado) minificar o bien tratar de aplazar la carga de estos archivos.
Y ahí está uno de los inconvenientes primordiales a los que te enfrentarás si te obsesionas con lograr el cien del Page Speed con tu página de WordPress. Será difícil que llegues al cien sin ‘
romper algo‘ por el camino.
Mi consejo (en caso de que quieras jugar un poco a prosperar tu Page Speed) es que pruebes ciertos plugins mentados. Te dejo una pequeña lista a continuación:
Muchas veces se achaca un mal Page Speed a una plantilla. Pero como has podido ver durante todo el artículo, la plantilla llega hasta donde llega. Progresar tu Page Speed, casi siempre y en todo momento será cuestión de plugins .
¿Cuál es la oración cliché más repetida por los marketers después de la de «aportar valor» (arcada)?
Pues la de
«dame tu dinero para que yo pueda vivir la vida de mis sueños», digo… «
foco,
foco,
foco«. ¿Te suena?
El Page Speed es una métrica con la que la gente se obsesiona, y sus efectos en el momento de posicionar, parecen bastante intrascendentes.
En la sección final tienes varios artículos.
Entiendo que a todos nos agrada tenerla cuanto más larga mejor. De ahí que nos obsesionamos con esa métrica.
Y lo peor, es que al final, olvidarás «el foco»: el centrarte en cosas de tu web que importan un millón de veces más para posicionar una web que tener un Page Speed de 100 (trabajar los contenidos, la navegación/usabilidad, un buen enlazado interno… vamos todo cuanto haga que el visitante permanezca más rato en tu página).
Así que mi consejo es, si realmente decides ponerte a ajustar tu Page Speed, tómate como mucho una hora o bien 2 de tu tiempo, con una cerveza al lado, mientras que pruebas alguno de los complementos, aprendes a configurarlos y juegas un tanto a toquetear aquí y allá a ver qué efecto van provocando.
Un placer, señores y señoras, y jamás me dejen de danzar
rock&roles:.
Jaime Sempere.
###
Créditos Blogger3.0 2018
Agradecimientos a todos y cada uno de los que habéis hecho mi trabajo posible este 2018: Gracias a mi equipo B30, a Raquel Cabalga, a Marián, mi AV, a Jony Ive, mi asociado de Adsense, a Mijael, asociado de Amazon, a mi abogado y amigo Raúl Florido, Edu Coromina, Pablo Suizo, Pedro, Indale y Marcos, mis traffickers, Raquel y Laura, mis redactoras estandarte, Ana Miller, mi hermano pequeño Emilio García, Sánchez podcaster, Óscar Fernández, Mihaela jefa editora de B30 y mi mejor amiga, Gaby y Jorge, buenos programadores y mejores socios y amigos, Borja Aranda, Jaime Sempere, por soportar el mayor golpe de mi vida con sus brazos cuando me derrumbé en el suelo, a todo el mundo de mi WhatsApp que soportan mis audios todos los días, a mi madre que lee cada entrada de este weblog con devoción, mi hermana pequeña, mi cánido que ya no está, Kovu, te amaré siempre y en todo momento, mi otro perro que aún continúa, Maxi, me hace feliz besarte. Javi Pastor por enseñarme tanto en Cádiz, Luis Revuelto, Andrés Kloster, Jony Botello, mi nuevo socio en la agencia de contenidos, Olibot, por enseñarme y motivarme solo con su ejemplo, Guille de HolaSEO, Luis Villanueva por esta siempre y en toda circunstancia ahí para mí, Chuiso, Alex Navarro y Romuald Fons, que entre todos subieron el nivel del ámbito y me obligaron a ser aún mejor. Marcos Séculi, mi nuevo proyecto de amigo en 2019, Madre SEOperiora, Cilver, mi nuevo diseñador y talento emergente como pocos, a Iván y Edu por confiar en mí para mentorías, Aida, Tere, Pilar, mis amigos de Quédate con el cambio, Lúa, Cova, os quiero de forma atemporal, Charly, Juan de Useo, gracias por nuestro accountability, a todos y cada uno de los profes del membership site normalmente, Bruno Ramos, Ingeniero SEO, JoseLab, Rupas, Gastre, Jesús León, mi caso de éxito de DTV y espero que pronto amigo, Sas y Pablo, mis dos mejores amigos de siempre compañeros de aventuras, Publisuites, Webpositer, Hotmart, Enlazalia, por aparecer en mi camino. Judith Tiral, por ser tan bonita conmigo, Rocío, por ser sensacional, Mila Coco, Omar de la Fuente, rey en el Norte, Maik Santamorte con el que espero grabar una canción de rap, Ambkor, por haberme integrado en su manada de lobos como uno más, Alex Novás, Jessica Hierro, Bianca y a todos los que me dejo en esta interminable lista, que son muchos.
| Êîììåíòèðîâàòü | « Ïðåä. çàïèñü — Ê äíåâíèêó — Ñëåä. çàïèñü » | Ñòðàíèöû: [1] [Íîâûå] |
