Fino a poco tempo fa, il mio sito (www.heatexchangers.ca) ha ottenuto il 98% di Google Page Speed. C'erano un paio di cose che non potevo fare nulla come la stringa di query dai caratteri web. Ero molto contento di questo dato che rappresentava tutto ciò che potevo fare.Che cosa significa "contenuto above the fold" in Google Pagespeed?
Recentemente Google ha aggiunto un'altra cosa che colpisce il punteggio di velocità di pagina e io ora ottenere solo 89% su Page Speed e ottenere questo suggerimento:
- Eliminare esterno render-blocking JavaScript e CSS nel above-the-fold soddisfare.
Il suggerimento per risolvere questo problema sembra implicare la troll attraverso tutti i miei file .css e .js e separare alcune parti di esse e aggiungerle in linea al mio html. Questo mi sta causando un po 'di confusione poiché avevo l'impressione che dovremmo tenere il più possibile JS e CSS dall'HTML possibile.
Che cosa è esattamente il contenuto di "Above the Fold"? Se sono pochi stili come font, colore di sfondo ecc; quindi posso vedere che potrebbe non essere un affare troppo grande per includere in linea. Non sono stato in grado di trovare una lista di esattamente ciò che è.
Il "piega" è il punto in cui la parte inferiore dello schermo si trova sul caricamento della pagina. Quando atterri su un sito web, qualsiasi contenuto che vedi immediatamente senza scorrere è "above the fold". Tutto ciò che devi scorrere verso il basso per vederlo 'below the fold'. – Coop
Above the Fold è un termine generalmente utilizzato per i giornali, ovvero il contenuto sopra il quale la carta viene piegata orizzontalmente. Di solito per il web design questo è il primo 600px ~ o così (discutibile a seconda di chi chiedi). Non si riferisce agli stili (caratteri, sfondi ecc.), Si riferisce al contenuto e al tipo di j che potrebbe bloccare il rendering di _in_ quel contenuto. Dubito che Google stia suggerendo di utilizzare gli stili in linea, puoi davvero pubblicare i suggerimenti che ti sono stati forniti? –