Come aumentare il caricamento della pagina. Sbarazzarsi di richieste non necessarie nel codice del modello

Direttore marketing di una delle divisioni di Optify. Ha 20 anni di esperienza di avvio vari prodotti e servizi in e-commerce, giochi per computer e altre aree.

Algoritmi di classificaGoogle considera la velocità di caricamento della pagina

9 aprile 2010 dell'anno Google ha annunciato ufficialmente che i loro algoritmi tengono conto della velocità di caricamento della pagina. Le voci circolavano molto tempo prima, quando l'azienda è diventata decisamente attenta alla velocità quando ha rilasciato i prodotti Chrome ( browser veloce) e SPDY ( protocollo veloce trasmissione di contenuti web) e promozione ultraveloce canali a banda larga. In questo articolo, cercheremo di spiegare come Google determina la velocità e come puoi testare la velocità di caricamento della tua pagina e aumentarla.

crediamo che velocità di caricamento della pagina- un'ottima aggiunta al resto dell'elenco dei fattori che determinano il posizionamento delle pagine in Google, e ci sono due ragioni principali per questo:

1. Velocità di caricamento della pagina essenziale per la comodità dell'utente. La ricerca mostra che l'utente medio ha un orologio che ticchetta in testa mentre aspetta che la pagina si apra. Con l'aumento della velocità di utilizzo di Internet in generale, sono aumentate anche le aspettative in termini di velocità. puoi leggere il post di google sull'argomento test interni velocità e il suo impatto. Così,

2. Velocità di caricamento della paginaè un fattore che uno sviluppatore può misurare, monitorare e ottimizzare. Molto dentro Algoritmo di Google al di fuori del nostro controllo, ma possiamo migliorare questo indicatore. Di seguito sono riportati alcuni strumenti che puoi utilizzare per analizzare la velocità del tuo sito, nonché 6 consigli per migliorare la velocità di caricamento della tua pagina e aumentare le tue classifiche.

In che modo Google definisce la velocità?

I due metodi principali di analisi del caricamento della pagina sono:

1. Risposta al bot di Google. GoogleBot è un agente che esegue la scansione dei collegamenti sul Web, categorizzando pagine e contenuti e inviandoli a Google, che elabora i dati con il proprio algoritmo. Il bot di Google raccoglie semplicemente informazioni, non le analizza né le valuta. Tuttavia, ha alcune limitazioni su quanto completamente eseguirà la scansione di una determinata pagina, poiché ci vuole molto tempo per eseguire la scansione di miliardi di pagine. Questo è uno dei motivi per cui si consiglia di avere un codice "pulito", posizionare un buon contenuto nella parte superiore della pagina e inserire codice ripetitivo (come CSS) in file separati.

2. Tempo di caricamento per Dati di Google barra degli strumenti. Google è molto aggressivo nel promuovere e rendere popolari i suoi strumenti gratuiti. Uno dei motivi è la capacità di Google di utilizzare la sua barra degli strumenti come piattaforma per l'analisi di singoli siti e pagine.

Strumenti di misurazione della velocità di caricamento della pagina

Ci sono molti strumenti gratuiti e plug-in per misurare le prestazioni del sito. Ecco alcuni dei migliori, secondo noi:

1. Se hai un account con Google Webmaster (e dovresti averne uno), puoi utilizzare uno strumento speciale nella sezione Labs. Ti lascerà prendere idea generale sulla velocità di caricamento delle tue pagine rispetto alle pagine di altri siti nelle statistiche.

2. Velocità della paginaè un plug-in per browser Firebug/Firefox che determina quanto bene viene caricata una pagina e fornisce consigli su come risolverlo.

3. Ylentoè un altro plugin per Firebug/Firefox che analizza la velocità e fornisce consigli.

Cosa significa per te questo cambio di algoritmo

Migliorare la velocità di caricamento della pagina non è così critico come, diciamo, corretto tag del titolo, struttura dell'URL, contenuto unico o link in entrata di qualità. Ma a parità di altre condizioni, una pagina che si carica più velocemente ha un vantaggio. Indubbiamente pagine veloci più conveniente per gli utenti, il che significa un aumento delle visite, una diminuzione dell'indicatore visualizzazioni inutili e aumentare il numero di visualizzazioni per visita. In ogni caso, è meglio fare del tuo meglio per caricare rapidamente le tue pagine.

6 modi per migliorare la velocità di caricamento della pagina e le classifiche

1. Ottimizza le tue immagini: le immagini di grandi dimensioni possono essere ritagliate, compresse e scaricate più velocemente.
2. Invece delle immagini di sfondo, usa solo i colori: questo renderà il caricamento più veloce.
3. Utilizzare una cache: la memorizzazione nella cache è comoda per gli utenti, poiché le immagini e altri file statici vengono caricati solo alla prima visita e non è più necessaria nelle visite successive.
4. Carica Javascript esterno e callable per ultimi: La cosa peggiore che puoi fare è far aspettare i tuoi visitatori che tutto il contenuto venga caricato in una volta. Quando possibile, fai in modo che i tuoi contenuti vengano caricati per primi e quelli esterni dopo di essi.
5. Usa file separati per codice ripetitivo: i file separati sono più comunemente usati con le tabelle stili CSS e consentono di alleggerire il codice html della pagina (meno righe di codice), e inoltre forniscono un file centrale di facile reperimento per apportare modifiche a parti importanti del codice (ad esempio fogli di stile).
6. Usa invece gli stili CSS per organizzare le tue pagine Tabelle HTML: prima di caricare la tabella stessa, i browser web (IE, Firefox, ecc.) attendono il caricamento di tutto il suo contenuto. CSS rende questo processo più veloce (e più facile da aggiornare).

1. Scegli uno degli strumenti di cui sopra e installalo.
2. Testare la velocità di caricamento per la pagina principale e per molte altre pagine di diverso tipo.
3. Determinare quali componenti possono essere migliorati. Discutine con il tuo staff tecnico e con il webmaster.
4. Per confronto, esegui gli stessi test con le pagine dei concorrenti.

Spero che tutto quanto sopra ti aiuti a velocizzare il caricamento delle pagine del tuo sito: sia gli utenti che i motori di ricerca lo apprezzeranno.

Ciao cari lettori! Recentemente ho ricevuto un commento in cui mi è stata posta una domanda: qual è il mio segreto per caricare velocemente un sito? Ho deciso di non rispondere con un commento (troppo da scrivere), ma di scrivere un post utile su questo argomento per tutti in una volta. Cioè, oggi parleremo di un fattore così importante come.

Cosa ne pensi, perché hai bisogno di un sito a caricamento veloce? Pensiamo logicamente. Scriviamo per le persone, le persone dovrebbero leggere i nostri post e acquisire conoscenze. Il nostro sito Web o blog è una piattaforma per pubblicare conoscenze! L'accesso ad essi dovrebbe essere aperto e veloce. Cosa succede se il caricamento del tuo sito impiega 15-20 secondi? L'utente decide di rimanere su di esso? La risposta è inequivocabile: NO!

Piuttosto, il visitatore non sarà più tuo, ma tuo concorrente! Anche se è più in basso risultati di ricerca. Anche se scrivi articoli mega-eccellenti, ma vuole il meglio, non puoi aspettare il successo.

Come ho detto prima: devi risparmiare tempo. Scorre in una direzione e non può essere restituito! Puoi restituire i soldi, qualsiasi altra cosa, ma senza tempo! Perché io sono? E al fatto che devi rispettare sia il tuo tempo che il tempo degli altri! Devi solo fare alcuni passaggi elementari e il tuo sito / blog si aprirà molto più velocemente e con questo aumenterà più di un visitatore.

Velocità di caricamento del sito web — fattore importante durante la configurazione del sito. È necessario cercare con ogni mezzo di ridurre i tempi di attesa del visitatore. Allo stesso modo, i motori di ricerca "guardano" la velocità, e se è bassa (il sito impiega molto tempo a caricarsi), allora c'è meno rispetto. E se c'è meno rispetto, allora sarai lontano dal TOP.

Ora scopriremo come aumentare la velocità di caricamento del sito web, ma prima di questi analizzeremo diversi servizi in cui puoi verificare proprio questa velocità.

Controllo della velocità di caricamento del sito web

1) Velocità di pagina in linea Controllo della velocità del sito online di Google. Oltre a controllare la velocità, il servizio fornisce un elenco di consigli per velocizzare e ottimizzare il sito. Una cosa molto utile!

2) Strumenti Pingdom - Servizio Online test di velocità, che è degno di un profondo inchino. La prima volta che ho deciso di testare la velocità del mio blog, l'ho usato. Fornisce inoltre consigli e raccomandazioni.

3) è il terzo servizio che, secondo me, merita attenzione. Qui, generando richieste, viene determinata la velocità media.

4) WebWait - apparentemente semplice, ma molto servizio conveniente. Inserisci l'indirizzo del tuo sito in una casella speciale, attendi un po' e il risultato è pronto. Mi sembra che questo servizio determini l'ora più precisa.

Questi sono i servizi che ti offro test di velocità di caricamento del sito web. Hai controllato il tuo sito? Ora è il momento di passare al principale - accelerazione del sito .

Come accelerare la velocità di caricamento del sito Web?

È ora, parliamo di velocizzare il caricamento del sito. Cosa ne pensi, da cosa nella maggior parte dei casi bassa velocità caricamento del sito? Naturalmente, a causa di tutti i tipi di decorazioni, lozioni, immagini che compaiono dove possibile, pubblicità, ecc.

Sì, certo anche per questo, ma non solo. Anche la velocità è influenzata vari codici, script, cache e simili. Pertanto, è necessario ottimizzare tutto questo al meglio, tutto deve essere professionale. Com'è? - tu chiedi. È semplice, ora te lo insegno!

1. Ottimizzazione dell'immagine

La prima cosa che vorrei evidenziare è la necessità di ottimizzare correttamente le immagini. Se il sito ha molto varie immagini, non devi rimuoverli tutti per velocizzare il caricamento, devi solo ottimizzarli correttamente.

Cioè, è necessario modificare le dimensioni e il peso dell'immagine. Se hai bisogno di un'immagine sul sito di 300×225 e ce l'hai 600×450, modificala tramite qualsiasi editore grafico, Per esempio Adobe Photoshop ().

Inoltre, oltre alla dimensione dell'immagine, devi scegliere di più taglia più piccola. Maggiore è la dimensione dell'immagine, minore è la velocità di download. Soprattutto quelli con internet lento. Pertanto, cerca di ridurre il peso possibile, ma non esagerare, altrimenti la qualità sarà terribile!

È inoltre necessario specificare le dimensioni nel codice immagine, anche se è disposto così com'è (in taglia standard), è necessario.

2. Ottimizzazione di script e codici

Come ho detto, vari script e codici influiscono sulla velocità. Ma non tutti, ma solo quelli scritti con errori o addirittura in modo errato.

Non sono un guru nel campo della programmazione web, quindi purtroppo non posso consigliare cosa bisogna fare dalla A alla Z. Ma posso dare alcuni consigli che ho usato e che uso me stesso.

Puoi anche spostare gli script alla fine della pagina, invece di averli all'inizio. Per che cosa? Bene, giudicate voi stessi: la pagina si apre e la prima cosa che inizia a caricarsi sono vari script che all'inizio non servono affatto, ma ci vuole tempo! Lascia prima caricare la pagina, quindi gli script inizieranno a caricarsi. Sarà molto più veloce.

Puoi abbreviare CSS tramite link e accorciare JavaScript qui. Basta seguire i collegamenti, scrivere il percorso dei file, quindi fare clic su un determinato pulsante, salvare il file risultante sul computer e caricarlo sul sito, ad esempio tramite ftp.

Ce ne sono ancora alcuni codici brevi, che sostituiscono script lunghi e, ovviamente, velocizzano il caricamento. Ma non ne parlerò ora, questo è l'argomento di un articolo separato. A proposito, pubblicherò presto una serie di articoli sulla sostituzione di questi script, per non perderlo vi consiglio di iscrivervi!

3. Abilita la compressione della pagina Gzip

Ho appreso di questo metodo relativamente di recente. Ma dopo averlo provato, ero semplicemente felice. Infatti, dopo aver abilitato la compressione, il sito viene notevolmente accelerato. L'unico aspetto negativo è che c'è un certo carico sull'hosting.

Per abilitare la compressione Gzip, devi scrivere quanto segue nel file .htaccess:

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0 no-gzip BrowserMatch bMSIE !no-gzip!gzip-only-text/html mod_gzip_on Sì file mod_gzip_item_include \.js$ file mod_gzip_item_include \.css$

Ancora una volta, dopo aver abilitato la compressione gzip, la velocità aumenta notevolmente! Pertanto, questo elemento non deve essere saltato.

4. Cache del browser

Molti di voi sanno cos'è una cache del browser. E chi non lo sa, spiegherò: questa è una sorta di memoria temporanea in cui sono archiviate tutte le azioni che hai eseguito nel browser.

Quindi, la cache può essere utilizzata per velocizzare il sito. Cioè, per qualcuno che ha già visitato il tuo sito in qualche modo, la velocità sarà maggiore. Tutto volerà. E per coloro che sono entrati per primi, questo metodo non funzionerà. E quando tornerà, tutto inizierà a funzionare.

Affinché questo inizi a funzionare, è necessario inserire quanto segue in .htaccess:

ExpiresActive On ExpiresByType applicazione/javascript "accesso più 1 anno" ExpiresByType testo/javascript "accesso più 1 anno" ExpiresByType testo/css "accesso più 1 anno" ExpiresByType image/gif "accesso più 1 anno" ExpiresByType image/jpeg "accesso più 1 year" ExpiresByType image/png "access plus 1 year" Set di intestazione Controllo cache: set di intestazione privato Controllo cache: BrowserMatch pubblico "MSIE" force-no-vary BrowserMatch "Mozilla/4.(2)" force-no-vary

Tutto non è così difficile come sembra. Non è vero? Con questo volevo dire che ora sappiamo come fare controllare e velocizzare la velocità di caricamento del sito Russia, regione di Tomsk, Tomsk, +7 952 160 36 17

Ciao ragazzi!

Oggi sarà uno dei argomenti principali in ottimizzazione interna posto. Il materiale è grande, ma pratico e utile. Ho rinforzato i momenti difficili con video tutorial.

Parleremo di come velocizzare il caricamento del tuo sito utilizzando 7 metodi di lavoro. Forse sono conosciuti da tutti. Ma ho notato che non tutti li usano. E nel complesso, ancor di più, poche persone.

In generale, nei contenuti dei punti scriverò tutti i metodi, quindi leggerò e metterò in pratica il tutto.

Prima di velocizzare il sito, voglio spendere due parole sull'importanza di questa azione e su come controllare la velocità di download.

È noto da tempo che la velocità di caricamento di una risorsa è uno dei fattori di ranking nei risultati di ricerca. Se prendi assolutamente 2 pagine identiche, ma una si caricherà più velocemente, avrà posizioni più alte nei risultati della ricerca. Ma questo non significa che il primo sarà al 30° posto e il secondo al 1°. No, è solo che un sito di caricamento più veloce si classificherà leggermente meglio.

Pertanto, se ci sono modi semplici per superare i nostri concorrenti almeno in qualcosa, allora dobbiamo farlo. Inoltre, ci sono molti modi del genere. Usandoli tutti, andremo nella giusta direzione per superare i nostri concorrenti.

Per quanto riguarda il controllo della velocità di caricamento di un sito, ho sempre utilizzato il servizio aspetta web. Andando su di esso, devi solo inserire l'indirizzo di qualsiasi pagina del tuo sito e iniziare a controllare.

Per impostazione predefinita, il servizio verificherà la velocità di caricamento della pagina 5 volte per trovare il valore medio. L'intervallo tra le richieste sarà di 5 secondi. Se vuoi modificare entrambi i valori, ho evidenziato le impostazioni corrispondenti con una casella blu nell'immagine sopra. Il primo è il numero di controlli, il secondo è l'intervallo tra le richieste.

Solo che ho controllato la velocità di download di uno dei miei articoli. Sulla base dei risultati di 5 controlli, ho ricevuto un risultato medio di 0,82 secondi.

Certo, può essere difficile ottenere un piccolo valore e dipende da molti fattori:

• La quantità di contenuto nella pagina;
• Numero di script caricati;
• La dimensione della grafica sulla pagina e sul sito nel suo insieme;
• Numero di plugin.

Pertanto, è necessario cercare di ridurre l'influenza di tutti questi fattori. Questo è ciò di cui parleremo. Passiamo al primo e forse il modo più semplice.

Ottimizzazione grafica

Non è un segreto che la grafica sia l'elemento più importante di ogni sito web. Ciò include sia la grafica su ogni pagina che la grafica generale. Per quanto riguarda la grafica su ogni pagina, si tratta di grafica di contenuto: immagini, schermate, foto. La grafica condivisa è la grafica che entra nella progettazione del sito. Tutto questo possiamo ottimizzare.

In nessun caso dovresti inserire grafica a grandezza naturale nei tuoi articoli. Questo errore è evidente sui siti Web di cibo e fotografia quando tutte le foto vengono caricate su articoli a grandezza naturale.

Una foto scattata con una fotocamera SLR di media qualità peserà diversi megabyte. Se carichi una foto del genere sul sito, il visitatore la scaricherà tutta quando entra nella pagina. Immagina quanto tempo ci vorrebbe per caricare una pagina se fossero pubblicate 10 immagini ad alto volume.

Trova il tempo per questo momento in cui pubblichi contenuti. Una volta ho scritto un articolo sulla qualità senza perdita di dati. Il materiale ti sarà molto utile.

Per quanto riguarda il design, prova a utilizzare meno immagini al suo interno. Puoi creare un design completamente sano e organico usando gli stili CSS. Sarà anche per il meglio. Se guardi risorse molto popolari, noterai che il loro design è essenzialmente sfondo bianco da linee di demarcazione. Questo gioca molto forte nelle mani e uccide 2 piccioni con una fava:

1. Riduce il tempo di caricamento;
2. Aumenta la comodità di fruizione dei contenuti.

Se non puoi fare a meno delle immagini colorate, un articolo sulla riduzione delle dimensioni delle immagini (link sopra) ti aiuterà.

memorizzazione nella cache

Memorizzazione nella cache - forse elemento essenziale caricamento veloce delle pagine del sito. Particolarmente data funzione utile quando c'è molto traffico, quando ci sono molte query al database.

Per effettuare il caching sul sito (per WordPress) è necessario installare il plugin Hyper Cache. Istruzioni complete continuare a leggere . Tutto masticato lì.

È anche possibile aggiungere alcuni codici al file .htaccess che consentirà anche la memorizzazione nella cache e la compressione gzip. Ad essere onesto, non ho notato la loro azione sul mio sito. Forse perché il mio blog era già completamente ottimizzato. Sì, non vedo molto senso neanche in loro. E c'è un problema, dal momento che non saremo in grado di svuotare la cache. Quindi non vedrai alcuna modifica sul sito. Pertanto, non fornirò questi codici in modo da non scervellarti in seguito in caso di problemi.

non li uso. La memorizzazione nella cache con il plug-in Hyper Cache è più che sufficiente.

Ottimizzazione del caricamento degli script

Se il tuo sito è abbastanza funzionale (vari pulsanti social, slider, contatori di traffico, ecc.), allora ha molti script.

Gli script sono sempre superflui e un grosso carico sul sito. Sbarazzartene sempre, se possibile. Se ciò non è possibile, puoi farli caricare per ultimi e rimuoverli anche dal codice del modello del tema stesso.

Per caricare gli script alla fine del caricamento della pagina, è necessario posizionarli nella parte inferiore del codice della pagina, ovvero nel piè di pagina. Su WordPress, questo viene fatto inserendolo nel file footer.php prima del tag di chiusura..

Puoi anche inserire script in file separato, non nel file footer.php. E poi carica questo file alla fine del file a piè di pagina. Questo è il modo migliore per caricare gli script sul sito.

Ti mostrerò come farlo in pratica. Inizierò con un video tutorial.

Di norma, la maggior parte degli script viene inserita nel file header.php tra i tag e sono posizionati tra i tag. Ad esempio, mostro uno script dal mio file di intestazione.

Con una cornice rossa, ho evidenziato la parte di cui abbiamo bisogno. Come puoi vedere, è racchiuso nei tag di apertura e chiusura dello script, che è evidenziato con cornici blu. Ho evidenziato il tag di chiusura con un bordo nero per mostrare dove si trova lo script stesso.

Per inserire questo script in un file separato, dobbiamo prenderne il contenuto (riquadro rosso) e inserirlo in un nuovo file, che creo con Editor di blocco note. Il contenuto del nuovo file sarà simile a questo.

Ora salva dato file in formato .js e chiamalo un nome conveniente. Lo chiamerò "footer-scripts.js" per chiarire che questo è il file di script visualizzato nel footer del sito.

Ora puoi caricare questo file sul sito in modo che gli script funzionino. Per fare ciò, è necessario inserire una riga di codice che contenga il percorso di questo file. Devi inserire il codice nel file footer.php prima del tag di chiusura/

Ecco la mia riga di codice.

In esso, dovrai sostituire il percorso del file e il suo nome, se è stato chiamato in modo diverso. Per facilitare la comprensione, do una riga con dei suggerimenti.

Il percorso del file in questa riga è adatto per i siti WordPress. Se hai un sito su un motore diverso o solo una pagina HTML, dovrai cambiare tu stesso il percorso.

Quando cambiamo una linea, la posizioniamo nel file footer prima del tag body di chiusura. Sembrerà l'immagine qui sotto.

Dovrebbe essere più o meno lo stesso per te. Come puoi vedere, oltre a questa riga, vengono visualizzati altri script. Pertanto, vengono caricati per ultimi al caricamento del sito. Il codice del sito stesso diventa più pulito e piacevole per motori di ricerca. Svolge anche un ruolo nella promozione.

In questo modo, dovresti eliminare il numero massimo di script nei tuoi file modello e provare a eliminarli del tutto o caricarli tramite il file, come ho mostrato sopra. Questo è uno dei modi migliori per velocizzare un sito se ha molti script.

Se è necessario inserire più di uno script in un file, ma diversi, è sufficiente rientrare e posizionare nuovo codice. Ma è meglio quindi firmare ogni copione, per non confondersi in seguito. Ad esempio, puoi scaricare il mio file per navigarlo.

E un'altra nota. Non tutti gli script funzionano nel piè di pagina del sito. Alcuni funzionano solo se inseriti nell'intestazione, ovvero nel file Header.php tra i tag. Per esempio, pulsante sociale"Mi piace" di Vkontakte non funziona nel seminterrato se prendi il suo codice da rete sociale. In questo caso, dovrai inserire lo script nell'intestazione.

Sbarazzarsi di richieste non necessarie nel codice del modello

Questo è il massimo una strada difficile nel velocizzare un sito che si basa su un qualche tipo di motore, ad esempio su WordPress. La sua essenza è sostituire le linee codice php nel file modello al codice già generato per eliminare la generazione non necessaria di query al database.

Abbiamo bisogno di un file header.php e di tutto ciò che contiene tra i tag . Tra questi tag vengono memorizzati codici php che generano richieste e visualizzano informazioni di base. L'intero punto sarà più facile da capire con l'aiuto del video tutorial, che ho preparato di seguito.

Ora la versione testuale.

Mostrerò tutto usando l'esempio di una stringa che genera una richiesta di output della codifica del sito. La riga nel file è simile a questa.

Come puoi vedere, questo è il codice php. Se guardi il codice sorgente (ctrl + u) di qualsiasi pagina del sito, vedremo che questo codice php non c'è più, ma ci sarà codice HTML con la codifica specificata.

Per sbarazzarsi di questa richiesta di generare una codifica, è necessario prendere una riga già pronta dal codice sorgente e modificare il codice php nel file modello con esso. Alla fine lo sarà.

Eliminato una richiesta. Allo stesso modo, è necessario sostituire altre possibili linee. Naturalmente, non tutto può essere fatto, poiché non tutto nel codice sorgente viene visualizzato. Ma dobbiamo sforzarci di farlo il numero massimo sostituzione

Voglio anche attirare la vostra attenzione sul fatto che esiste un codice per generare il nome del sito. Di solito è racchiuso in tag . Se prevedi di modificare il nome della risorsa, non sostituire questo codice o non dimenticare di modificare il nome più avanti nel codice del file, poiché dopo la sostituzione il nome verrà visualizzato dalla riga finale con il nome. Il nome del sito non verrà generato, poiché non ci sarà codice php. Prendi nota di questo momento.

Inoltre, non dimenticare di fare tutte queste frodi con i file solo dopo . E falli sul tuo computer con programmi di editing in modo da poter annullare le tue modifiche. Uso Blocco note per scopi simili.

Disabilitazione delle revisioni

Ancora una volta ti torturerò con una video lezione.

le revisioni sono salvataggio automatico copie dei record che vengono creati quando i record vengono creati a determinati intervalli di tempo.

In effetti, la cosa è utile, ma a volte crea molta spazzatura e carica il database. Non consiglierei vivamente di disabilitare questa funzionalità, poiché a volte salva. La luce potrebbe scomparire improvvisamente, e poi? E, se ci sono copie del record, puoi ripristinare in sicurezza i progressi. Questo è successo molte volte, lo so per esperienza personale.

Li ho ancora spenti, ma se sei un principiante, non consiglio di farlo. Tempo migliore pulire il database dalle revisioni di volta in volta, come loro un gran numero di crea un onere notevole.

Alla radice del motore, c'è una cartella WP-includes, che contiene il file default-constants.php. Devi aprirlo, trovare il seguente contenuto al suo interno.

if (!defined("AUTOSAVE_INTERVAL")) define("AUTOSAVE_INTERVAL", 60); /** * @dal 2.9.0 */if (!defined("EMPTY_TRASH_DAYS")) define("EMPTY_TRASH_DAYS", 30); if (!defined("WP_POST_REVISIONS")) define("WP_POST_REVISIONS", true);

Al momento in cui scrivo, tutto questo proviene dalla riga 277. Tutto questo codice è responsabile della sicurezza dei nostri archivi. Si compone di 3 parti, ognuna delle quali inizia con se.

La prima parte è responsabile dell'intervallo per creazione automatica revisioni. Per impostazione predefinita, il valore è 60 secondi, il che significa che verrà creata una copia del record ogni minuto. Immagina di scrivere un articolo per più di un'ora. Potere dato valore aumentare, ad esempio fino a 10-20 minuti. Questa impostazione funziona solo quando le revisioni sono abilitate.

if (!defined("AUTOSAVE_INTERVAL")) define("AUTOSAVE_INTERVAL", 600);

Il valore è impostato in secondi.

La seconda parte è responsabile del tempo di conservazione record cancellati nel cestino. Quando eliminiamo le voci, queste vanno nel cestino. Per impostazione predefinita, vengono archiviati lì per 30 giorni, dopodiché vengono eliminati. Se imposti il ​​valore su 0, i record non andranno nel cestino, ma verranno immediatamente eliminati senza possibilità di recupero.

if (!defined("EMPTY_TRASH_DAYS")) define("EMPTY_TRASH_DAYS", 0);

La terza parte è responsabile del lavoro di revisione. Sono abilitati per impostazione predefinita. Se si desidera disabilitare, il valore di true deve essere modificato in false o impostato su 0.

Ciao, cari lettori del sito del blog. Probabilmente sei già stanco del tema dell'aumento della velocità di caricamento del sito (), a cui ho dedicato la parte del leone degli articoli pubblicati a gennaio. Ma cosa posso fare, voglio dichiarare tutto ciò che è stato capito e fatto per velocizzare questo blog, fino a quando il ricordo insidioso non ha cancellato le sfumature ei punti importanti.

Oggi voglio provare a sistematizzare tutto ciò di cui ho già scritto in merito all'ottimizzazione della velocità, oltre ad aggiungere punti significativi che consentono di ridurre leggermente il carico sul server di hosting utilizzando la compressione Gzip statica anziché dinamica.

Come aumentare rapidamente la velocità di caricamento del sito web

La prima volta che ho eseguito Page Speed ​​per la home page del mio blog, ho visto questa immagine triste:

Solo 72 punti su 100 possibili e tanti commenti segnati in rosso. È vero, avendo soddisfatto quasi tutti i consigli che questo plugin mi ha dato, pagina principale ha ricevuto da lui un punteggio più alto di 94 punti.

Ma oltre a Page Speed, puoi valutare molto chiaramente la velocità di caricamento di un sito e vedere tutti gli oggetti scaricati in - Pingdom e simili.

All'inizio sono stati caricati quasi 90 oggetti (ccs, js, immagini) e ognuno di essi necessitava di una richiesta http separata. Ma, dopo aver analizzato tutti gli oggetti scaricati utilizzando i servizi online di cui sopra, oltre a seguire i consigli di Page Speed, sono riuscito a ridurne il numero a tre dozzine, il che non poteva che incidere sulla velocità complessiva:

Bene, ora ricordiamo tutti i metodi in ordine. E dovresti iniziare l'ottimizzazione, probabilmente, nell'ordine di visualizzazione delle aree problematiche nella finestra Page Speed, perché questi saranno i passaggi più efficaci e più facili da implementare: ciò che viene chiamato "economico e allegro".

Ecco perché ho fatto la prima cosa (ccs, js, images) nei browser dei visitatori (cioè voi, miei cari lettori).

Sì, sì, con l'aiuto impostazioni web server, puoi controllare il comportamento del browser dei visitatori. In questo caso, il primo indica al secondo il tempo durante il quale gli oggetti statici devono essere archiviati nella cache per non richiederli nuovamente al server.

Questa, a prima vista, un'impostazione insignificante, tuttavia, può fare miracoli nell'aumentare la velocità di caricamento delle pagine della tua risorsa per quei visitatori che l'hanno già visitata una volta, perché. la loro cache del browser contiene già file di stile e script, nonché immagini del tuo modello, che saranno le stesse per tutte le pagine.

Purtroppo i metodi di controllo da me descritti tramite .htaccess non sempre funzionano, a causa di motivi diversi(mancanza del modulo necessario, ecc.), quindi puoi provare a contattare il tuo hoster su questo problema, perché anche lui sarà interessato a questo, perché. impostazioni di memorizzazione nella cache ottimali nei browser degli utenti porteranno a una diminuzione del carico della tua risorsa sul suo hosting.

La combinazione di file in stile CSS esterni o script JS può essere il passaggio successivo efficace per aumentare la velocità di caricamento. Leggi di questo, e con il quale ho capito.

Ma non sono riuscito a combinare script esterni, probabilmente anche per incomprensioni Fondamenti di JavaScript. È vero, avevo solo due file esterni con script, quindi la perdita di velocità di caricamento del sito non sarà eccezionale.

Ma oltre a combinare stili e script CSS esterni (questo viene fatto per ridurre numero totale scaricati, che ridurrà il numero di richieste http al server), questi stessi file e script di stile possono essere compressi in modo molto efficiente usando Gzip (in effetti, questo è lo stesso Zip che usi attivamente sul tuo computer).

Puoi comprimere più volte i file CSS e Js con Gzip, ma puoi ridurre ulteriormente le dimensioni di questi file ottimizzando prima il loro codice.

Quindi, dovrai scaricare sul tuo computer tutti i file Css e Js esterni coinvolti nel caricamento delle pagine (dopo averli combinati non sarà difficile) e crearli da ognuno di essi copia d'archivio con estensione .gz. Puoi farlo con programma gratuito 7zip. Successivamente, mostriamo con l'esempio, perché è inutile teorizzare qui.

Prendiamo come esempio il foglio di stile principale style.css del mio blog. Dopo averlo impacchettato in Gzip usando il programma 7zip, avrò un archivio style.css.gz.

Ma da allora alcuni browser non vogliono includere un file di stile con estensione .gz, quindi rimuoviamo il finale .gz da esso e otteniamo di nuovo style.css, ma che in realtà è un archivio (non ancora confuso?).

Ma la semplice sostituzione del file style.css originale sul server (non ancora compresso con Gzip) con l'archivio che abbiamo appena creato, ma ancora chiamato style.css, non è sufficiente.

Dopotutto, alcuni browser non supportano ancora la compressione (di solito si tratta di vecchie versioni ancora utilizzate dagli utenti), quindi accanto a style.css, che sarà in realtà un archivio (ricorda, abbiamo rimosso l'estensione .gz da esso), abbiamo bisogno metterà l'originale no file compresso stili.

Ma dovremo nominarlo in modo diverso da style.css. Per fare ciò, puoi rinominarlo, ad esempio, in questo modo: style.nogzip.css. Ora sul server nella cartella con il tema WordPress, avrò due file di stile:

1. style.css - archivio con estensione .gz tagliata
2. style.nogzip.css - un normale file di stile non compresso che dovrà essere fornito ai browser che non supportano la compressione

Dovrai eseguire questa operazione per tutti gli stili e gli script esterni (Css e Js) che vengono caricati insieme alle pagine della tua risorsa. Ne avevo solo quattro: quello di stile principale, in cui ho aggiunto anche le proprietà di alcuni plugin di WordPress, oltre a un file di script dalla cartella del tema e due script esterni da .

Ora, affinché la compressione statica per gli stili e gli script esterni funzioni, è necessario modificare .htaccess dalla cartella principale della risorsa e sostituire il codice responsabile di Gzip con il seguente codice modificato:

RewriteEngine su RewriteCond %(HTTP:Accetta-codifica) !gzip RewriteCond %(HTTP_USER_AGENT) Konqueror RewriteRule ^(.*)\.(css|js)$ $1.nogzip.$2 Header append Varia User-Agent Header set Content-Encoding: gzip Header set Controllo cache: private Intestazione non impostata Codifica del contenuto

Se stai rinominando file originali stili e script usavano nomi diversi da style.nogzip.css, quindi nella riga di codice corrispondente dovrai sostituire la maschera $1.nogzip.$2 con la tua. In generale, questo è tutto.

Ora il server non comprimerà al volo Css e Js ogni volta, ma invierà immediatamente ai browser una copia che hai precedentemente compresso e, nel caso di un browser che non capisca Gzip, la versione originale di un file simile a style.nogzip.css.

Ci sarà un leggero aumento della velocità di caricamento del sito e una diminuzione del carico della tua risorsa sull'hosting. È solo che ho provato imbarazzo dopo un paio di giorni. Visibilità e aspetto amministratore di WordPressè cambiato radicalmente - lo stile è caduto.

Ma il problema è stato rapidamente risolto eseguendo le manipolazioni sopra descritte con il file di stili utilizzato nel pannello di amministrazione. Nel mio caso era colors-classic.css dalla cartella:

/wp-admin/css

Successivamente, volevo applicare la compressione Gzip statica per i file Html, che sono anche compressi al volo dal server, creando un carico aggiuntivo. Qui ho trovato una soluzione abbastanza semplice, in relazione a WordPress. Il fatto è che lo uso da molto tempo.

Nelle sue impostazioni è presente un'area "Compressione", che, come pensavo inizialmente, è responsabile del posizionamento compatto delle pagine memorizzate nella cache sul disco rigido dell'host. Mi sembrava che l'archiviazione delle pagine memorizzate nella cache avrebbe consumato tempo non necessario dal processore e lo avrebbe spento in sicurezza.

Ma ecco un po' alla ricerca di informazioni sull'argomento Gzip compressione html pagine, ho cambiato idea su queste impostazioni di compressione nel plug-in Hyper Cache.

Sembra che spuntando questa casella "Abilita compressione", attiviamo quindi la compressione preliminare delle pagine del blog memorizzate nella cache utilizzando l'algoritmo Gzip.

Non posso dirlo al cento per cento, ma dopo aver attivato la compressione Impostazioni iper Cache Da molto tempo vedo una diminuzione del carico del server. In generale, sembra che, come sempre, il baule si sia appena aperto.

A proposito, se il tuo progetto è basato su Joomla, allora ci sono diversi componenti molto buoni (secondo le recensioni degli utenti) che ti permettono di sfruttare al meglio i metodi che ho descritto per aumentare la velocità di caricamento del sito, ma al allo stesso tempo tutto sarà molto più facile, perché. molto viene fatto automaticamente con costi di installazione minimi.

Io stesso non ho ancora testato questi componenti, ma appena mi metterò insieme scriverò sicuramente di loro. Per ora, fornirò solo collegamenti a questi componenti per Joomla: jFinalizer e WEBO Site SpeedUp.

Ottimizzazione grafica e riduzione delle richieste

Inoltre, l'ottimizzazione grafica può avere un impatto molto significativo sulla velocità di download. Come ho scritto prima, . Ma questo sarà conveniente solo nel caso di un piccolo numero di essi.

Personalmente, l'ho usato per l'ottimizzazione batch, di cui ho già scritto in dettaglio. Puoi anche utilizzare un altro servizio di compressione di foto senza perdita di dati online molto popolare da Smush.it. Ma il grado di compressione delle foto in PunyPNG mi è sembrato più alto, forse a causa dell'uso di script di maggior successo.

Ho copiato la cartella con le immagini del mio blog sul mio computer e le ho caricate tutte (in pacchetti da 15, perché c'è una tale limitazione in PunyPNG) su questo servizio online, quindi ho scaricato l'archivio generale contenente le immagini già ottimizzate dal mio blog.

In generale, dopo aver trascorso mezz'ora, sono riuscito a comprimere le immagini PNG in media di circa il 7% e del 5%.

Di conseguenza, la dimensione totale di tutte le immagini utilizzate sul mio blog è diminuita di diversi megabyte, il che senza dubbio influenzerà sia l'aumento della velocità di caricamento del sito che ridurrà leggermente il carico sul server di hosting.

Bene, l'ultimo, e anche uno dei più modi efficaci accelerazione, potrebbe esserci una diminuzione del numero di richieste http che verranno generate durante il caricamento delle pagine della tua risorsa. Puoi ridurli riducendo il numero di oggetti caricati con la pagina web. Abbiamo già parlato all'inizio dell'articolo della combinazione di file Css e Js esterni proprio per questo scopo.

Ma la maggior parte delle richieste viene sempre spesa per il caricamento della grafica. Può essere immagini di sfondo, che sono stati menzionati nel foglio di stile, o immagini che sono impostate direttamente nel codice Html della pagina.

Per ridurne il numero, è necessario analizzare se è necessario caricare questa o quell'immagine insieme alla pagina. Mi sono quindi sbarazzato di un paio di dozzine di richieste http aggiuntive. Lo stesso immagini di sfondo dalla composizione del template, che tuttavia si rivelano necessari al funzionamento della tua risorsa, possono essere combinati nei cd. Di conseguenza, invece di una dozzina di richieste, devi solo farne una.

In generale, un aumento della velocità di caricamento del sito comporterà inevitabilmente almeno un leggero aumento del carico sull'hosting, che, con traffico elevato, può essere l'ultima goccia. Ora, con 5.000 mila visitatori al giorno, il carico sul processore del server si avvicina al massimo consentito.

Ho già iniziato a pensare ad un passo così radicale, come rendere il mio blog quasi statico, nella cartella principale di cui il solito File HTML, ma il tutto Motore WordPress lavorerà cartella separata. Pertanto, il carico sarà ridotto al minimo.

Puoi farlo in WordPress con l'aiuto del plugin Really Static Wonder. È vero, la sua versione non è ancora diventata una, ma le recensioni del suo lavoro sono estremamente positive. In effetti, è un analogo completo del noto script Maxsite Cache, che, ad esempio, viene utilizzato da Mikhail Shakin sul suo blog.

Il prezzo per ridurre il carico sarà la perdita di alcune funzionalità, ma penso che le impostazioni corrette per l'aggiornamento della cache (in questo caso sarà normale Pagine HTML, come nei siti di inizio millennio) sarà possibile ridurre al minimo tutte queste carenze. In ogni caso, non noto alcun crimine con Shakin quando leggo il suo blog.

Se qualcuno ha già esperienza con Plugin WordPress Davvero statico, ti sarò molto grato se lasci il tuo feedback a riguardo nei commenti. Grazie per l'attenzione. L'articolo è giunto al termine. È ora di lucidarlo e prepararlo per la pubblicazione.

Buona fortuna a te! A presto sul sito delle pagine del blog

Puoi guardare altri video andando su

Potresti essere interessato

Compressione Gzip per velocizzare il caricamento del sito: come abilitarla per Js, Html e Css usando il file .htaccess
Creazione Sprite CSS in generatore in linea Sprites Me per ridurre le richieste del server
Misurare e aumentare la velocità del sito in GTmetrix, nonché impostare il caricamento della libreria jQuery da Google CDN
Come ottenere un sito veloce: ottimizzazione (compressione) di immagini e script, nonché riduzione del numero Richieste http
Ottimizzazione e compressione CSS in Page Speed ​​- come disabilitare file esterni stili e uniscili in uno per un caricamento più rapido

L'ottimizzazione della velocità del sito è sempre una priorità, poiché c'è molta concorrenza tra i siti ed è necessario migliorare costantemente le proprie risorse. L'ottimizzazione della velocità del sito è curata sia dai proprietari del sito (blogger) che grandi aziende che sono fidanzati Promozione SEO, perché capiscono che questo è uno dei parametri di base.

Sul questo momento esiste grande quantità servizi per analizzare la velocità di caricamento del sito e identificare le aree problematiche, ma nonostante ciò, la maggior parte dei siti non è ancora ottimizzata nel modo corretto.

In questo articolo e checklist cercherò di non essere legato a un CMS specifico, ma di scrivere in modo tale che le soluzioni siano adatte a qualsiasi sito.

Voglio prestare attenzione: se controlli il tuo sito solo nel servizio Google PageSpeed ​​​​Insights, quindi nel processo di studio della checklist, ti renderai conto che un gran numero di parametri sono nascosti lì e non vengono mostrati, nonostante influiscano ancora sul caricamento del sito velocità.

Fase 1. Definire il "framework" dell'ottimizzazione della velocità del sito

Per "Site Speed ​​​​Optimization Framework" intendo la quantità di CSS, JS, file multimediali e altri file caricati sul tuo sito.

Definito il "quadro", conosceremo quello definitivo a cui andare. Un servizio creato da Jonathan Fielding ci aiuterà a trovare i dati "" www.performancebudget.io.

Guarda breve video lavorando con questo sito, dove ho mostrato chiaramente cosa è necessario scegliere per determinare " quadro di ottimizzazione della velocità del sito web":

Fase 2. Scopri la reale velocità del sito

Come ho scritto sopra, Google PageSpeed ​​Insights questo buon strumento per testare l'ottimizzazione della velocità del sito, ma comunque "dà" solo consigli superficiali. Puoi prima verificare con questo strumento, per poi passare a statistiche più dettagliate fornite dai seguenti servizi:

• Pagina webtest
• GTmetrix

Fai attenzione quando esegui i test utilizzando questi servizi, perché il tempo di caricamento potrebbe differire a causa del fatto che il server del tuo sito e il server su cui viene testato il test sono lontani l'uno dall'altro.

Il servizio WebPagetest consente di selezionare un server e un browser di test. Questo servizio mostra sotto forma di diagrammi quali risorse (CSS, JS) sono più in percentuale sul tuo sito. Quello che mi piace di più è statistiche dettagliate su richiesta sotto forma di grafici. Ci sono anche informazioni su quali file viene applicata la compressione GZIP e diventa immediatamente chiaro se tutto è indicato correttamente nelle impostazioni .htaccess.

Ma il servizio GTmetrix ti consente di vedere la pianificazione per il download dei file, quindi tutto mostra anche suggerimenti dettagliati per ottimizzare ogni sfumatura del sito. E qui tutto è suddiviso in punti di ottimizzazione più dettagliati.

Conoscere informazioni reali sul tuo sito, ora puoi confrontare data figura con quello in cui è stato mostrato il framework di ottimizzazione della velocità del sito.

E solo ora puoi utilizzare la checklist qui sotto per intero. In questa checklist, considero solo quei metodi di ottimizzazione che non richiedono da parte tua investimenti aggiuntivi in ​​termini di denaro, ma ti basta solo la voglia e un po' di perseveranza per passare e ottimizzare ogni articolo.

(Lista di controllo) Auto-ottimizzazione della velocità del sito

1. Ottimizzazione dell'immagine

1. Usa immagini esattamente della risoluzione necessaria sulla pagina.

   Spesso ci sono situazioni in cui vengono utilizzate immagini con una risoluzione elevata (ad esempio, 800x600px) e nella pagina viene utilizzata solo una miniatura (ad esempio, 300x225px). Particolarmente comune dato errore durante la creazione di gallerie. Utilizzare solo la risoluzione dell'immagine necessaria in una situazione particolare.

2. Combina tutte le icone (se SVG, quindi in uno sprite SVG) in un'unica immagine (sprite).

   Ciò ridurrà il numero di richieste al server. Ora ci sono soluzioni online: css.spritegen.com, iconizr. Così sono le soluzioni per gli assemblatori (per Gulp - gulp-svg-sprites, per Grunt - grunt-svg-sprite, per Webpack - Caricatore di sprite SVG Webpack).

3. Ottimizza le immagini: PNG, JPG, SVG.

   Ci sono entrambe le soluzioni online qui: TinyPNG, Kraken.io. Così sono le soluzioni automatizzate per gli assemblatori: Gulp - gulp-imagemin, gulp-pngquant; grugnito- grunt-contrib-imagemin; pacchetto web- plug-in-webpack-imagemin.

4. Rinviare le immagini senza caricamento lento o jQuery - https://varvy.com/pagespeed/defer-images.html

2. Ridurre il numero di richieste

1. Usa sprite SVG e sprite PNG.

   Ne ho scritto nella sezione "Ottimizzazione dell'immagine" sopra.

2. Unisci tutto File CSS in uno.

   Come ho detto prima, questo ridurrà il numero di richieste al server. Plugin per rubinetti (per Gulp - gulp-concat-css, per Grunt - grunt-concat-css, per Webpack - css-concat-loader).

3. Unisci tutti i file JS in uno, se possibile.

   Plugin per rubinetti (per Gulp - gulp-concat-js, per Grunt - grunt-contrib-concat, per Webpack - webpack-uglify-js-plugin).

4. Riduci il più possibile il numero di query al database.

   Tutto ciò che può essere caricato senza query nel database, carica senza usarlo, in modo statico. Poiché le richieste e le risposte richiedono tempo, sarebbe logico ridurre il più possibile questo indicatore.

3. Ottimizza CSS e JS

1. Compressione di tutti i file CSS.

   Soluzioni online: Compressore CSS, Miniificatore CSS gulp-clean-css; grugnito- grunt-contrib-cssmin; pacchetto web- caricatore css pulito.

2. Comprimiamo tutti i file JS.

   Servizi in linea: Strumento di compressione JavaScript, js minatore. Plugin di assemblaggio: Gulp - gulp-brutto; grugnito- grunt-contrib-compress; Webpack - il plugin menzionato nell'ultimo paragrafo comprime anche JS.