⚡ La GRAN patraña del Google Page Speed y su velocidad ⚡ |
¡ presupuesto seo castellon ! ¡Feliz navidad educada lectora! Con Papa Noel trasnochado y secuestrado en mi habitación y los reyes a la vuelta de la esquina en B30 no paramos…
Hoy hablamos del Page Speed. tienda virtual wordpress en español #xBF;Es útil para posicionamiento en buscadores? ¿Realmente mide la velocidad de tu página? Quédate… hoy tenemos un posicionamiento web en buscadores-artículo divertido 😄
Lo vamos a redactar en un tono totalmente atrevido por ser las fechas que son. Pero antes que nada… ¡dale al play!
Índice del artículo
En el último artículo del año traigo al que es uno de mis mejores amigos a día de el día de hoy.
En este momento, por circunstancias de la vida, muchas veces mis mejores amigos suelen 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 ellos 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 porque tiene exactamente la misma manía que , 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 (aunque él diga que no y pese a las innumerables discusiones que hemos tenido sobre ese tema): Mishell.
Fue el creador del pluginjunto conmigo, el cual pusimos sin costo a disposición de toda la comunidad.
En definitiva, es capaz de hacer que el código «hable», algo que compruebo cuando voy a verlo a su apartamento de soltero en Zaragoza y miro sus monitores, hasta arriba de numeritos que no alcanzo a comprender, sobre una mesa llena de Redbulls vacíos y alguna copa de Baileys a medio terminar por mi parte.
Código es poesía. Sempere… dales caña en el último post del calendario 2018 de Blogger3.0.
¡Nos vemos a la vuelta lector!
Nadie lo sabe, pero una vez tuve que salvar al Cosmos. Recolecté las 5 gemas del infinito, surqué 2 galaxias, negocié con Estela Plateada y también imploré ante Galactus del otro lado del orificio negro de una supernova.
Pues bien, todo aquello no fue nada en comparación con la tarea que tengo hoy entre manos:
escribir sobre el Page Speed.
Y tú querido lector, lo sé (al igual 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, pues 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 instantes de auténtico genio mezclados con otros de mediocridad, también guarda en el guardarropa un traje de programador, justo a la vera de las mallas de Spiderman.
Si has utilizado el plugin, probablemente 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 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, sencillo, como un jardín Zen en el que cada cosa está donde tiene que estar y hace lo que debe hacer.
Por eso, creo que puedo entender un poquito al incomprendido Google Page Speed de algún modo… lo cual no quiere decir que no sea siendo consciente de la gran importancia desmedida y errónea que se le da a día de hoy.
Con los dos 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 muy bien aquí).
Google tiene una idea (acertada mas algo alejada de la realidad) de cómo tendría que ser la página perfecta, en términos de optimización (ojo, hablamos de optimización y no de velocidad ).
➔ El Page Speed no te indica verdaderamente 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 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 y también 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 que tienes más margen para la mejora en lo que se refiere a optimar tu página.
Tu página podría sacar un cien y otra página de 90 aún podría ganarte en velocidad como Flash de MARVEL con sobredosis de Redbull.
Y no solo eso. Sus criterios para determinar la puntuación, a veces son un poco absurdos (ver más adelante el caso desgranado de dinosaurioss.com).
Pero no me creas solo a mí. Los mismos chicos del muy conocido complemento WP-Rocket, escribieron un buen artículo () donde con capturas 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 lugar rápido aún pesa más que el lento (prácticamente 900Kbs en frente de 431kb), con lo que su velocidad aún tiene más mérito ya 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) VS lugar lento con buena puntuación (derecha)
Para no soltarte rollos, te he preparado unas tarjetas a código para que puedas consultar rápidamente los criterios más sonados de Page Speed.
Las tarjetas señalan cuatro puntos:
Y como chascarrillo te contaré más adelante, cómo el tema de haberme currado estas tarjetas (las diseñé y programé expreso para este post) me hicieron provocar una pifia con la que pasé más tensión que cuando Galactus me miraba con ojos tiernos.
Aquí, ciertos ejemplos más comunes por los que Google Speed intentará sacarte los colores.
Haz clic 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 archivos siempre y cuando puedas, tu página web funcionará igual de bien, usando archivos más pequeños
Rotar
Importancia:Media-baja
Facilidad de implementar:Fácil pero en algunos casos puede presentarte inconvenientes 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 por ende tu página cargue ya antes.
Rotar
Importancia:Media-baja
Facilidad de implementar:Cualquier servidor de hoy en día podrá servir archivos GZIP, para esto puedes alterar el .htaccess o bien emplear 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 que subas imágenes a WP comprímelas.
Rotar
Importancia:Alta. Puedes ahorrar mucho comprimiendo apropiadamente las imágenes.
Facilidad de implementar:Simplemente ya antes de subir una imagen, comprímela. Te recomiendo la herramienta on line y gratuita
Plugins:Como opción alternativa a TinyPng (que te la aconsejo frente a instalar más plugins), te dejo.
Volver
maquetacion de web madrid :Se refiere a cargar los CSS críticos a fin de que tu página se vea bien primero, y postergar 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 tanto utopía procurar lograr algo así si el theme no está hecho a medida para ello.
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 archivos CSS, mas para los ficheros de JavaScript. Es decir, desplazar archivos que se cargan en el header, al final de tu página, a fin de que no bloqueen la carga.
Rotar
Importancia:Baja
Facilidad de implementar:Lo mismo que en el punto anterior, no es fácil decidir o saber qué archivos JavaScript son necesarios en el ‘header’ y cuáles puedes cargar más adelante.
Plugins:Nuevamente el plugin WP-Rocket se comportó bastante bien en este punto en una de las pruebas que hice en un blog.
Volver
Significado:Lo que hace la caché es que cuando una persona navegue por tu weblog, no deba volver a cargar los ficheros comunes de varias páginas, y utilizar una versión anteriormente guardada de ese fichero (básicamente serán archivos JavaScript y CSS)
Rotar
Importancia:Baja
«A poco que utilices algún complemento con recursos externos, te vas a hallar este fallo. No siempre y en todo momento puedes concretar 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 utilices formatos de ‘nueva generación’ como JPEG dos mil, JPEG XR y WebP. Pero ya basta de charla técnica, hablaremos 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 parecido 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 candelas al borde 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 vosotros los que lucháis contra el sistema y por despertar a la gente?
– Claro que sí, mas 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 e hipnótica, al mismo tiempo que firme.
– Siempre y en todo momento me gustó el peligro. Y la verdad. Dejarme llevarla a más gente. Dejarme enseñar vuestras vergüenzas para convencerles de una vez. A fin de que despierten, se olviden del Page Speed, y se centren en otras cosas más esenciales, como luchar 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, pero no olvides que estás a prueba. A ver cómo sale esto. Si entonces tenemos problemas, habrá consecuencias.
Y los dos se distanciaron del lugar 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, en cuanto 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 enseñar un
Page Speed cien de 100.
¿100 de 100 con Wordpress? Mis respetos, hermano. Creo que conseguir un cien de cien con WP es bastante jodido (detalles más adelante – mas 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 encontrar 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 cien o casi un 100, pero sencillamente creo que no se ha preocupado aquí (y para mala suerte de él, lo hemos cogido).
Ha pasado un tanto del Page Speed,
centrándose en las cosas que verdaderamente importanpara posicionar una página.
Lo cual me recuerda el caso de otro posicionamiento web quizá todavía «aún más guapo» que Romuald Fons.
Me estoy refiriendo 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í prosigue) Dinosaurioss.com perfectamente posicionada. Adjunto la captura 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 a la venta exactamente la misma plantilla que había construido a 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 conseguido subirla hasta un 78:
Y según Google Page Speed estos son nuestros cuatro 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 ser el Page Speed:
Aún no es algo banal el uso de webP en WordPressy, a mi modo de ver, 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, en mi opinión, hasta que WP 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 experimentos con el formato.
No quería dejar de mentar 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 probablemente 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 post.
Cuando empecé el artículo, estuve diseñando y programando las tarjetas rotatorias que has visto al comienzo.
Parte del trabajo consistía en ajustar el CSS, para eso utilicé la posibilidad que te da WP 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 de forma continua y pulsando el botón para guardar. Adicionalmente, de vez en cuando también guardaba el boceto del blog post.
Básicamente el proceso era: ajuste del CSS, pulso en publicar. Toquecillo en el blog post guardo borrador. Así mil veces.
Recuerdo que el día anterior (ya antes de ponerme con las tarjetas), mientras escribía el comienzo del post, estuve pensando:
«ostia, como le dé a Publicar post en lugar de Guardar boceto la puedo liar parda».
¡Adivina qué pasó! Que en algún instante, en el ajuste número doscientos, mi psique ya solo veía botones azules para publicar, y ¡plas!.. Efectivamente, la líe parda y le di a publicar al artículo (este post) en boceto y sin formato alguno prácticamente.
50 minutos estuvo publicado en la portada de Blogger3cero, un artículo 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 desquiciado me atacaron a la vez. Pensé «bueno no pasa nada, pues 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 5 minutos (cuando ya lo había puesto de nuevo en boceto) me llega un Whatsapp de Dean «
¿qué has hecho orate?«. «Están compartiendo por Twitter tu post 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 informando del error.
Intercambié un par de 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» sin querer.
Y me comentó
algo interesante sobre el hosting 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 progresar las velocidades de carga (puedes leer más de esto en el enlace adjuntado al final del blog post).
Con esto, la propia página de David, había pasado de ochenta a 95 en mobile y de noventa y cinco a cien en Desktop (me comentó que por medio del plugin Autoptimize ya había conseguido buenas puntuaciones en el Page Speed).
Así que este apartado es también para felicitar a Raiola por sus esfuerzos en tener unos servidores rápidos que satisfagan las necesidades de sus clientes.
Nota de Dean: comentario especial para Alvarito de Raiola Networks, que tiene que venir a verme a Madrid 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 afín, pero al César lo que es del César.
La anécdota es cien por cien real, y creo que pegaba bien como chascarrillo y prueba de que
tu alojamiento también puede influir en el Page Speed. Ademá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 perdonaréis, pero jamás 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 WP es (entre otros)
su arquitectura de plugins.
Los plugins van añadiendo archivos JavaScript y CSS según estén programados. Esto te puede llevar a problemas en el momento de (como hemos hablado) minificar o bien tratar de postergar la carga de estos archivos.
Y ahí está uno de los problemas principales a los que te enfrentarás si te obsesionas con alcanzar el cien del Page Speed con tu página de WP. Será difícil que llegues al 100 sin ‘
romper algo‘ por el camino.
Mi consejo (en el caso de que quieras jugar un poco a mejorar tu Page Speed) es que pruebes algunos de los plugins mencionados. Te dejo una pequeña lista a continuación:
Muchas veces se achaca un mal Page Speed a una plantilla. Mas como has podido ver durante todo el artículo, la plantilla llega hasta donde llega. Mejorar tu Page Speed, casi siempre y en toda circunstancia será cuestión de complementos .
¿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 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 a la hora de posicionar, semejan bastante intrascendentes.
En la sección final tienes varios artículos.
Entiendo que a todos nos gusta tenerla cuanto más larga mejor. Por eso nos obsesionamos con esa métrica.
Y lo peor, es que al final, olvidarás «el foco»: el centrarte en cosas de tu página 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 verdaderamente 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 pruebas ciertos complementos, aprendes a configurarlos y juegas un poco a manosear aquí y allá a ver qué efecto van provocando.
Un placer, señores y señoras, y nunca me dejen de bailar
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: Merced a mi equipo B30, a Raquel Cabalga, a Marián, mi AV, a Jony Ive, mi socio de Google Adsense, a Mijael, socio de Amazon, a mi letrado 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 can que ya no está, Kovu, te amaré siempre y en toda circunstancia, mi otro perro que aún permanece, 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 todo momento ahí para mí, Chuiso, Alex Navarro y Romuald Fons, que entre todos subieron el nivel del sector y me forzaron a ser aún mejor. Marcos Séculi, mi nuevo proyecto de amigo en dos mil diecinueve, 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 los profes del membership site generalmente, 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 toda la vida 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 inacabable lista, que son muchos.
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
