Comprovació de la mida de la pàgina per obtenir SEO: una guia completa

Les velocitats d’Internet actuals estan fora d’aquest món. D’acord amb Statista, la velocitat mitjana de descàrrega de banda ampla fixa és de 105,15 Mbps i el mòbil és de 55,95 Mbps.

Tot i això, la inflor de codi, els errors i altres problemes poden provocar mides de pàgina que es converteixen en un punt crític per al SEO.

No us creieu el tipus de mides de pàgina que he trobat Auditories de SEO, el més gran és de 100 MB (no faig broma).

Hi ha diversos passos que podeu fer per reduir la mida de la pàgina, però primer heu de determinar la mida de la pàgina.

També hem de fer una ullada Core Web Vitals i com la pàgina coincideix amb les mètriques de Google.

En aquesta guia, trobareu tot el que necessiteu per comprendre i comprovar la mida de la pàgina i, a continuació, optimitzar-la.

Regles generals del polze per a la mida de la pàgina

Idealment, voleu mantenir la mida de la pàgina HTML DOM a uns 100 kb o menys, segons el vostre lloc.

Les pàgines poden ser més grans en alguns nínxols; al comerç electrònic, per exemple, no és estrany veure pàgines d’entre 150 i 200 kb, segons quantes imatges de producte hi hagi a la pàgina.

No us voleu fer massa grans, perquè aleshores comenceu a impactar negativament sobre l’experiència de l’usuari i podríeu perdre les oportunitats d’obtenir un augment del rànquing amb bones puntuacions de Core Web Vitals.

Però reduir la mida de la pàgina sense tenir en compte l’experiència de l’usuari pot fer que la vostra pàgina no sigui tan útil com la dels vostres competidors. L’equilibri és fonamental.

Si esteu buscant eines per a comprovació de la mida de la pàgina HTML, la següent eina a SEO Site Checkup és bona.

Problemes que afecten la mida de la vostra pàgina

CSS i JS

Quan incloeu CSS i JS per defecte, voleu assegurar-vos que també esteu optimitzant aquest codi per carregar la pàgina. Això significa assegurar-se que tots aquests fitxers es redueixen de manera adequada i assegurar-se que no inclogui un excés de codi massiu.

“Bloat de codi” significa que el codi innecessari augmenta significativament la mida de la pàgina, afectant així la velocitat de la pàgina.

Hi ha diferents maneres d’aconseguir el mateix. Voleu evitar aquells que causen problemes a través de la codificació excessiva al costat de CSS i JS.

A part d’una mentalitat de codificació optimitzada, els fitxers CSS i JS necessiten el procés de minificació. El procés de minificació elimina espais addicionals i altres artefactes de codi aleatori que no cal que hi siguin.

És important tenir en compte que la minificació no canviarà la vostra codificació real, només els artefactes de codificació. La vostra ment i els vostres costums de desenvolupament encara seran necessaris per aconseguir la màxima optimització del codi CSS i JS pel costat del servidor.

HTML DOM

Una mida d’arbre DOM gran és una causa important de problemes de velocitat de pàgina i pot alentir-la enormement.

Això afecta aspectes com l’eficiència de la xarxa, el rendiment de la càrrega, el rendiment de la memòria i el rendiment en temps d’execució, tot això pot afectar significativament la càrrega general de la pàgina i l’experiència d’usuari de Core Web Vitals.

El procés de desenvolupament hauria d’incloure algun tipus d’assignació de recursos per a l’optimització de la mida de l’arbre DOM.

Imatges

Les imatges grans poden afectar negativament la mida de la pàgina, sobretot si interfereixen en la satisfacció de l’usuari.

Si un usuari ha d’esperar 5 minuts perquè es carregui una imatge de 15 MB, ja l’haureu perdut.

Per això, és important tenir en compte la mida física dels píxels juntament amb les dimensions de la imatge quan esteu treballant en la compressió de les imatges.

Eines per comprovar la mida de la pàgina

Hi ha diverses eines per comprovar la mida de la pàgina. Dues que m’agraden són:

Google Speed ​​Page Insights

Page Speed ​​Insights de Google és una eina fonamental per identificar problemes de mida de pàgina que poden frenar la càrrega.

A més, us ajudarà a marcar els elements de la llista de comprovació de Core Web Vitals de Google per a la mida de la pàgina.

Captura de pantalla de Google Page Speed ​​Insights, setembre de 2021

Screaming Frog SEO Spider

També podeu comprovar la mida de la pàgina amb Screaming Frog SEO Spider per realitzar un rastreig del vostre lloc.

Un cop completat el rastreig, seguiu aquests passos per comprovar la mida de la pàgina:

1. Feu clic al menú desplegable de l’extrem superior esquerre.

2. Seleccioneu HTML. Això només mostrarà pàgines HTML rastrejades al vostre lloc.

Captura de pantalla de Screaming Frog SEO Spider, setembre de 2021

3. A continuació, desplaceu-vos cap a la dreta fins que vegeu els números de mida de la pàgina, com es mostra a continuació.

Captura de pantalla de Screaming Frog SEO Spider, setembre de 2021

Així és com podeu comprovar la mida de la pàgina amb Screaming Frog SEO Spider.

Per què és tan important comprovar la mida de la pàgina?

La mida de la pàgina és una consideració clau en SEO, ja que pot afectar de manera significativa la velocitat de la pàgina general, afectant tant el rànquing de cerca com el rendiment.

Velocitats de càrrega de la pàgina

D’acord amb Central de cerca de Google:

“És important accelerar els llocs web, no només per als propietaris de llocs, sinó per a tots els usuaris d’Internet. Els llocs més ràpids creen usuaris feliços i hem vist en els nostres estudis interns que quan un lloc respon lentament, els visitants hi passen menys temps.

Però els llocs més ràpids no només milloren l’experiència de l’usuari; dades recents mostren que millorar la velocitat del lloc també redueix els costos operatius.

Igual que nosaltres, els nostres usuaris valoren molt la velocitat, per això hem decidit tenir en compte la velocitat del lloc als nostres rànquings de cerca. Utilitzem diverses fonts per determinar la velocitat d’un lloc en relació amb altres llocs ”.

Gairebé 70% dels consumidors admeten que la velocitat de la pàgina afecta la seva disposició a comprar a un minorista en línia i la meitat van dir que estarien disposats a renunciar a l’animació i al vídeo per aconseguir temps de càrrega més ràpids.

I segons Google, a mesura que el temps de càrrega de la pàgina va d’un segon a 10 segons, la probabilitat que un visitant del lloc mòbil reboti augmenti 123%.

Com podeu veure, accelerar la vostra pàgina és important, no només per a l’experiència de l’usuari, sinó també per als vostres rànquings als motors de cerca.

Pot ajudar a reduir els costos d’allotjament web

Depenent del vostre proveïdor d’allotjament d’Internet i dels seus plans d’allotjament, podeu acabar estalviant en costos d’allotjament amb mides de fitxer de pàgina més petites.

Una mida de pàgina més petita es tradueix en un ample de banda inferior (transferència de fitxers) utilitzat, que pot reduir els costos d’allotjament més baixos, especialment en llocs grans.

Pràctiques recomanades per optimitzar la mida de la pàgina

Presteu atenció a les pràctiques recomanades següents per obtenir la millor optimització possible de mida de pàgina al vostre lloc web:

Optimitzeu aquestes imatges

Crear el millor, la majoria imatges optimitzades requereix assegurar-vos que marqueu els elements següents de la llista de comprovació:

• Mida de píxel física.
• Mida general de la imatge.
• Mantenir la qualitat de la imatge.

La mida física dels píxels fa referència a la densitat de píxels de la imatge. No importa si la imatge es redueix de 1600 x 1600 a 500 x 500 si la densitat de píxels de la imatge continua sent la mateixa.

Encara obtindreu imatges que tinguin una mida de fitxer d’1 MB si és amb això que vau començar.

Per garantir una optimització adequada que tingui en compte tots dos factors, assegureu-vos que aprofiteu la compressió d’imatges sense pèrdues amb eines com Adobe Photoshop o versions de pagament d’eines com Smush Pro.

Actualment, Adobe Photoshop és l’estàndard d’or a l’hora de la compressió d’imatges.

Això us ajudarà a orientar-vos als tres factors i a fer que les vostres imatges encara surtin cristal·lines al final del procés de compressió.

També heu de considerar formats d’imatge més ràpids que siguin millors que els seus predecessors, com ara WebP sobre png.

Hi ha diversos serveis que podeu utilitzar per a l’optimització d’imatges, inclosos ShortPixel.com i TinyPNG.com.

Si feu servir WordPress, hi ha diversos connectors que són molt útils per a aquesta tasca. Un és l’Optimitzador d’imatges Shortpixel i l’altre és el Imatges de compressió minúscules connectar.

No utilitzeu fonts personalitzades innecessàriament

Tots hi hem estat. Tots hem estat víctimes de “I-Want-That-Font-itis”!

El més probable és que hi hagi un tipus de lletra alternatiu segur per a la web que coincideixi amb el que voleu utilitzar amb molta facilitat.

Si no, és important tenir en compte que els tipus de lletra addicionals que afegiu d’un recurs de tercers trigaran més temps a descarregar-se. Aquesta és només la naturalesa de la bèstia.

L’ús de tipus de lletra segures per a la web com Arial, Verdana o Helvetica són bones opcions i elimineu la possibilitat de sorgir problemes amb el tipus de lletra personalitzat que trieu.

També és més amigable entre plataformes i navegadors, cosa que significa que el vostre lloc es mostrarà a tants navegadors i dispositius com sigui possible sense haver-ho de deixar enrotllat.

Minimitzeu el vostre HTML i CSS

El procés de minimització dels fitxers HTML i CSS pot proporcionar dividends significatius a l’hora de reduir la mida de la pàgina.

Quan tu minimitzeu el vostre HTML i CSS, elimineu l’espai no desitjat i innecessari del codi i, en conseqüència, reduïu la mida del fitxer de la pàgina.

Té sentit fer un procés de reducció de totes les vostres pàgines, sobretot si sabeu que totes les pàgines estan plenes de codi innecessari.

Hi ha diverses eines que podeu utilitzar per minimitzar els fitxers HTML i CSS, com ara:

Si busqueu una optimització amb un sol clic per a les tasques de minimització de WordPress, Cloudflare també ofereix aquesta funció si voleu passar al servei CDN (Content Delivery Network).

L’eina de Minifier.org també és molt útil per a aquest propòsit.

Eviteu el plug-in Bloat

Afegir connectors no és tan inofensiu com sembla. Si afegiu 5, 10 o 15 connectors alhora, és possible que vulgueu reduir molt aquesta pràctica.

Només l’acte de afegint connectors en un lloc de WordPress tindrà efectes negatius en la mida de la pàgina, juntament amb efectes negatius en els usuaris que puguin visitar la pàgina (com a conseqüència poden experimentar baixades significatives del rendiment del lloc).

Aneu amb compte de limitar els connectors només als necessaris i afegir la funcionalitat correcta necessària per a la vostra pàgina.

No voleu trobar-vos en una situació en què afegir connectors en gran quantitat faci que la vostra pàgina estigui embadalida amb problemes de velocitat de pàgina.

Optimitzar la mida de la pàgina és el primer pas entre molts

La mida de la pàgina pot fer o trencar el rendiment del vostre lloc web.

No cometeu l’error de carregar massa els vostres usuaris amb tipus de lletra innecessaris, imatges massa grans i connectors innecessaris.

Totes aquestes pràctiques poden provocar que les pàgines es carreguin lentament, cosa que frustrarà els usuaris i podria fer que abandonin la pàgina.

Aquest és només un primer pas entre molts quan es tracta d’un sòlid procés d’optimització tècnica que funciona. Llegiu SEO tècnic avançat: una guia completa per obtenir més informació.

Més recursos:

Imatge destacada: Sammby / Shutterstock