Iniziare con SiteSkyline Optimizer
Benvenuto in SiteSkyline Optimizer! Questa guida ti aiuterà a installare il plugin, configurare le impostazioni iniziali e iniziare ad accelerare il tuo sito WordPress o WooCommerce in pochi minuti.
Prima di iniziare
Prima di installare SiteSkyline Optimizer, assicurati che il tuo sito web soddisfi i seguenti requisiti:
- Un sito Web WordPress ospitato autonomamente.
- Hosting compatibile che esegue una versione supportata di PHP.
Installazione
Segui questi semplici passaggi per installare il plugin sul tuo sito web:
- Accedi alla dashboard di WordPress.
- Passare al menu Plugin e fare clic Aggiungi nuovo.
- Cercare Ottimizzatore SiteSkyline.
- Clic Installa ora e quindi fare clic Attivare una volta completata l'installazione.
Prima configurazione
Una volta attivato, puoi accedere a tutte le funzionalità tramite il menu delle impostazioni appena aggiunto.
- Vai al menu Impostazioni nella dashboard di WordPress e cerca le opzioni del plugin.
- Inizia nel Generale scheda per configurare le modifiche alla velocità principale.
- Esamina le opzioni di funzionalità disponibili per rimuovere il gonfiamento non necessario del sito, ripulire l'output della testa e tagliare funzionalità extra.
- Clic Salva modifiche in fondo alla pagina per applicare le nuove impostazioni.
I tuoi primi passi
Ora che il tuo plugin è attivo, prova a esplorare queste due funzionalità chiave per vedere un immediato aumento delle prestazioni:
1. Accelera la consegna delle pagine
- Andare al menu Impostazioni e selezionare Cache della pagina scheda.
- Attiva/disattiva il Abilita cache della pagina passare per attivare la memorizzazione nella cache della pagina HTML statica.
- Configura le tue preferenze di scadenza e le regole di esclusione, quindi fai clic su Salva modifiche.
2. Ottimizza le tue immagini
- Andare al menu Impostazioni e selezionare WebP scheda.
- Attiva/disattiva Abilita la conversione WebP per iniziare a trasformare i pesanti caricamenti di immagini in formati più leggeri e veloci.
- Seleziona il metodo di conversione preferito e fai clic Conversione in blocco per ottimizzare la libreria di immagini esistente.
Ottimizza la dashboard
Cosa fa
La dashboard di Optimize ti offre una rapida panoramica dello stato delle prestazioni e dello stato della cache del tuo sito. Fornisce inoltre trigger di ottimizzazione rapidi in modo da poter mantenere il tuo sito funzionante senza intoppi.
Come usarlo
- Vai alla sezione Ottimizza e seleziona la scheda Ottimizza.
- Visualizza lo stato attuale delle prestazioni del tuo sito.
- Fai clic su una delle azioni di ottimizzazione rapida per migliorare il tuo sito.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Nessuna impostazione configurabile disponibile | Questa dashboard è progettata per la visualizzazione e l'attivazione rapida di azioni prestazionali anziché per la configurazione manuale. |
Tips & Best Practices
- Controlla regolarmente la dashboard di Optimize per rimanere informato sullo stato attuale delle prestazioni del tuo sito.
- Utilizza i trigger di ottimizzazione rapida ogni volta che desideri eseguire rapide ottimizzazioni delle prestazioni.
- Abbina le revisioni della dashboard alle funzionalità di gestione della cache e di gestione delle risorse per una routine completa di velocità del sito.
Analizzatore di risorse
Cosa fa
L'Analizzatore di risorse ti aiuta a esaminare gli script e gli stili caricati sul tuo sito web. Esaminando queste risorse di pagina, puoi facilmente identificare nuove opportunità di ottimizzazione per il tuo sito.
Come usarlo
- Vai alla sezione Gestore Patrimoniale.
- Seleziona la scheda Analizzatore.
- Esegui l'analisi delle risorse.
- Visualizza i file CSS e JavaScript caricati per ciascuna pagina.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Nessuno | Non ci sono impostazioni configurabili per questa funzionalità. |
Tips & Best Practices
- Esegui regolarmente scansioni per tenere traccia dei nuovi script e stili aggiunti alle tue pagine.
- Utilizza le informazioni acquisite dall'analisi per individuare opportunità di ottimizzazione.
- Esamina i file CSS e JavaScript caricati per pagina per comprendere meglio le prestazioni del tuo sito.
Regole sulle risorse
Cosa fa
Configura le regole di caricamento condizionale per script e stili per rimuovere dalla coda o disabilitare le risorse su pagine specifiche o a livello globale. Ciò ti aiuta a rimuovere script e stili indesiderati da pagine specifiche per ridurre il peso della pagina.
Come usarlo
- Vai alla sezione Asset Manager e apri la scheda Regole.
- Aggiungi una nuova regola per le risorse.
- Seleziona gli handle che desideri disattivare.
- Salva le regole delle risorse.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Regole di rimozione della coda delle risorse | Specifica gli handle CSS o JS da disabilitare a livello globale o su URL/tipi di post specifici. |
Tips & Best Practices
- Utilizza le regole di caricamento condizionale per rimuovere script e stili indesiderati da pagine specifiche.
- Scegli come target le risorse da disabilitare a livello globale o su URL e tipi di post specifici per ridurre il peso della pagina.
- Mantieni le tue pagine in esecuzione in modo efficiente rimuovendo il codice non necessario dove non è necessario.
Media & Image Optimizer
Cosa fa
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Come usarlo
- Vai alla sezione Media e fai clic sulla scheda Immagini.
- Attiva/disattiva le impostazioni di caricamento lento e configura i parametri di ottimizzazione dell'immagine.
- Fare clic sul pulsante Salva per salvare le impostazioni multimediali.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Caricamento lento | Attiva/disattiva il caricamento lento nativo o basato su script per le immagini. |
| Precaricamento/Priorità immagine LCP | Controlla la priorità di recupero e il precaricamento delle immagini LCP Above The Fold. |
Tips & Best Practices
- Modifica le impostazioni di rendering e caricamento dell'immagine per migliorare il tuo Largest Contentful Paint (LCP).
- Utilizza l'impostazione Caricamento lento per scegliere tra il caricamento lento nativo o basato su script per le tue immagini.
- Configura la priorità di recupero e il precaricamento specificatamente per le tue immagini Above The Fold.
Conversione di immagini WebP
Cosa fa
Converti le immagini JPEG e PNG caricate nel moderno formato WebP per una consegna delle immagini più rapida. Ciò aiuta il tuo sito web a caricarsi più rapidamente e offre un'esperienza più fluida ai tuoi visitatori.
Come usarlo
- Vai alla sezione Media e seleziona la scheda WebP.
- Attiva la conversione automatica in modo che i nuovi caricamenti vengano gestiti automaticamente oppure scegli la modalità di generazione WebP preferita.
- Esegui una conversione collettiva per aggiornare la tua libreria di immagini esistente.
- Fare clic sul pulsante Salva per mantenere le impostazioni WebP.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Modalità di generazione WebP | Scegli il tuo metodo di conversione, ad esempio GD, Imagick o regole basate su Cloud/Server. |
| Converti automaticamente i caricamenti | Genera automaticamente versioni WebP ogni volta che nuovi media vengono caricati sul tuo sito. |
Tips & Best Practices
- Abilita la conversione automatica per risparmiare tempo in modo da non dover convertire manualmente ogni nuova immagine caricata.
- Esegui lo strumento di conversione in blocco per aggiornare rapidamente l'intera libreria di immagini esistente in una sola volta.
- Sperimenta le modalità di generazione disponibili per trovare l'opzione che meglio si adatta al tuo ambiente server.
- Combina questa funzionalità con l'ottimizzatore multimediale per garantire che le tue immagini siano il più veloci ed efficienti possibile.
Generazione CSS critica
Cosa fa
Critical CSS Generation aiuta le tue pagine a caricarsi istantaneamente generando e integrando CSS critici outside-the-fold. Questo processo elimina i fogli di stile che bloccano la visualizzazione in modo che i visitatori possano visualizzare immediatamente i tuoi contenuti senza attendere il download dei fogli di stile completi.
Come usarlo
- Vai alla sezione Stile e seleziona la scheda CSS critici.
- Scegli la modalità di generazione che preferisci e configura se inserire i CSS critici direttamente nelle tue pagine.
- Se necessario, modifica eventuali regole CSS critiche di fallback.
- Fare clic sul pulsante Salva impostazioni stile per applicare le modifiche.
- Fai clic sul pulsante Genera CSS critici per creare i tuoi stili outside-the-fold critici.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Modalità di generazione CSS critica | Configura la generazione automatica o l'input CSS in linea manuale per modello. |
| CSS critico in linea | Scegli se inserire o meno i CSS critici direttamente nell'intestazione HTML. |
Tips & Best Practices
- Imposta attentamente le regole CSS critiche in modo che le pagine vengano visualizzate immediatamente per i visitatori senza ritardi.
- Utilizza la modalità di generazione per passare dalla creazione automatizzata all'immissione manuale in base alle esigenze del modello.
- Ricordati di salvare le impostazioni di stile dopo aver apportato eventuali modifiche alle tue regole o preferenze.
Host locale di Google Fonts
Cosa fa
Scarica Google Fonts localmente e servili dal tuo server per migliorare la privacy e la velocità. Questa funzione elimina le ricerche DNS esterne su Google Fonts.
Come usarlo
- Vai alla sezione Stile e apri la scheda Caratteri.
- Attiva o disattiva l'hosting locale dei caratteri Google.
- Svuota la cache dei caratteri quando necessario.
- Fai clic per salvare le impostazioni del carattere.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Font Google ospitati autonomamente | Intercetta automaticamente le richieste di caratteri Google, scarica file di caratteri localmente e riscrivi CSS. |
| Precarica i caratteri locali | Aggiungi intestazioni di collegamento di precaricamento per i file di caratteri ospitati localmente. |
Tips & Best Practices
- Abilita l'hosting locale dei caratteri per migliorare sia la privacy che la velocità di caricamento del tuo sito web.
- Utilizza l'opzione di self-hosting per intercettare automaticamente le richieste di Google Font e scaricare i file sul tuo server.
- Attiva il precaricamento dei caratteri per aggiungere utili intestazioni dei collegamenti per i file dei caratteri ospitati localmente.
- Ricordati di svuotare la cache dei caratteri dopo aver apportato aggiornamenti alle impostazioni dei caratteri.
JavaScript Defer & Optimization
Cosa fa
Rimandare l'esecuzione di JavaScript, combinare o ritardare gli script e rimuovere jQuery Migrate. Ciò aiuta a impedire a JavaScript di bloccare il rendering della pagina e migliora le prestazioni del tuo sito.
Come usarlo
- Vai a Sezione JavaScript e aprire il Scheda JS.
- Attiva/disattiva le opzioni di differimento JavaScript preferite.
- Escludere eventuali handle di script specifici dal rinvio, se necessario.
- Salva le tue impostazioni JavaScript.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Rinviare l'esecuzione di JS | Aggiunge attributi di differimento o asincrono ai tag di script non critici. |
| Rimuovere jQuery Migrate | Elimina lo script jquery-migrate non necessario. |
Tips & Best Practices
- Utilizza il differimento dello script per impedire a JavaScript di bloccare il caricamento regolare del contenuto della pagina.
- Sfrutta le esclusioni mantenendo handle di script specifici fuori dal processo di rinvio se uno script richiede l'esecuzione immediata.
- Abbina questa funzionalità alle regole delle risorse per ottenere un controllo ancora maggiore sul modo in cui vengono caricati gli script del tuo sito.
Cache Management & Page Cache
Cosa fa
Configura la memorizzazione nella cache delle pagine, il precaricamento della cache, le regole di scadenza della cache e i modelli di esclusione. Questa funzione ti consente di offrire istantaneamente istantanee HTML statiche ai visitatori.
Come usarlo
- Vai alla sezione Cache e seleziona la scheda Cache.
- Attiva/disattiva le impostazioni della cache della pagina per abilitare la memorizzazione nella cache del disco o della pagina avanzata.
- Imposta la durata di scadenza della cache e definisci eventuali modelli di esclusione secondo necessità.
- Utilizza le azioni disponibili per precaricare la cache o svuotare la cache ogni volta che devi aggiornare i tuoi contenuti.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Abilita cache della pagina | Attiva/disattiva il backend di memorizzazione nella cache del disco o della pagina avanzata. |
| Scadenza cache/TTL | Imposta la durata di vita delle pagine memorizzate nella cache. |
| URL/Cookie esclusi | Definire stringhe di query, cookie o percorsi per ignorare la cache. |
Tips & Best Practices
- Abilita la memorizzazione nella cache delle pagine per garantire che i tuoi visitatori ricevano istantaneamente istantanee HTML statiche per un'esperienza di navigazione più rapida.
- Svuota regolarmente la cache dopo aver apportato aggiornamenti significativi al tuo sito in modo che i visitatori vedano immediatamente le ultime modifiche.
- Utilizza il precaricamento della cache per generare in modo proattivo le pagine memorizzate nella cache prima che i visitatori le richiedano.
- Imposta URL e cookie esclusi per pagine o aree dinamiche del tuo sito che non dovrebbero mai essere fornite da uno snapshot memorizzato nella cache.
Regole di memorizzazione nella cache del browser
Cosa fa
Le regole di memorizzazione nella cache del browser ti consentono di configurare le intestazioni di scadenza, come Expires e Cache-Control, per le tue risorse statiche. Ciò aiuta i visitatori di ritorno a caricare il tuo sito web più velocemente estraendo file statici direttamente dalla cache del browser locale.
Come usarlo
- Vai a Cache sezione e fare clic su Cache del browser scheda.
- Configura le intestazioni della memorizzazione nella cache del browser e le regole di scadenza per le tue risorse statiche.
- Fare clic sul pulsante per generare e aggiornare le regole della cache del browser.
- Salva le impostazioni di memorizzazione nella cache del browser per applicare le modifiche.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Intestazioni della memorizzazione nella cache del browser | Aggiungi regole di scadenza per CSS, JS, immagini e caratteri nella configurazione del tuo server. |
Tips & Best Practices
- Abilita le regole di memorizzazione nella cache del browser per aiutare i visitatori di ritorno a caricare più velocemente le risorse statiche dalla cache del browser locale.
- Utilizza queste regole per configurare correttamente le intestazioni di scadenza come Expires e Cache-Control per i tuoi file.
- Salva e aggiorna regolarmente le impostazioni di memorizzazione nella cache del browser ogni volta che modifichi le regole di memorizzazione nella cache.
Gestione della cache OP
Cosa fa
Monitora e gestisci lo stato della cache OP PHP e il ripristino della cache. Visualizza le metriche sulle prestazioni e mantieni il tuo sito funzionante senza intoppi.
Come usarlo
- Vai alla sezione Cache e seleziona la scheda OPcache.
- Controlla il consumo attuale di memoria, la percentuale di successo e il conteggio degli script memorizzati nella cache.
- Fai clic sul pulsante per aggiornare le statistiche sullo stato ogni volta che hai bisogno di informazioni aggiornate.
- Fare clic sul pulsante per reimpostare la OPcache quando necessario.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Visualizzazione delle impostazioni di OPcache | Visualizza il consumo di memoria, la percentuale di successo e il conteggio degli script memorizzati nella cache. |
Tips & Best Practices
- Controlla regolarmente i parametri relativi alle prestazioni della cache per assicurarti che il tuo sito funzioni in modo efficiente.
- Aggiorna le statistiche sullo stato per visualizzare le informazioni sul rendimento più aggiornate.
- Reimposta la tua OPcache ogni volta che devi cancellare gli script memorizzati e applicare gli aggiornamenti.
Gestore delle funzionalità principali di WordPress
Cosa fa
WordPress Core Feature Manager ti aiuta a disabilitare le funzionalità core, il rigonfiamento e la telemetria di WordPress indesiderati. Ti consente di ripulire l'intestazione del tuo sito e ridurre la superficie di attacco del tuo sito disattivando le funzioni integrate non necessarie.
Come usarlo
- Passare alla sezione Gestione funzionalità e selezionare la scheda WordPress.
- Attiva gli interruttori delle funzionalità principali per gli elementi che desideri disattivare.
- Salva le impostazioni principali di WordPress per applicare le modifiche.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Disabilita emoji | Rimuovi gli script e gli stili delle emoji di WordPress da head. |
| Disabilita incorporamenti | Disabilita i collegamenti di rilevamento oEmbed e gli endpoint di incorporamento dell'API REST. |
| Disabilita XML-RPC | Arresta le richieste del protocollo XML-RPC. |
| Disabilita i feed RSS | Rimuovi i collegamenti ai feed e disattiva la generazione dei feed. |
Tips & Best Practices
- Controlla i requisiti del tuo sito prima di disabilitare le funzionalità per assicurarti di non disattivare le funzionalità su cui fanno affidamento i tuoi visitatori o le integrazioni.
- Disabilitare funzionalità inutilizzate come XML-RPC e incorporamenti è un ottimo modo per ridurre la superficie di attacco del tuo sito.
- Disattivare gli script non necessari come gli emoji aiuta a ripulire il tuo sito per una configurazione più snella.
WooCommerce Store Modes & Cleanup
Cosa fa
Semplifica WooCommerce disabilitando le funzionalità del negozio inutilizzate, gli script e il gonfiamento. Questa funzionalità aiuta a impedire il caricamento di elementi non necessari su pagine in cui non sono necessari.
Come usarlo
- Vai alla sezione Gestione funzionalità.
- Seleziona WooCommerce, quindi apri la scheda Modalità.
- Attiva o disattiva gli interruttori della funzionalità WooCommerce come desiderato.
- Salva le impostazioni della modalità WooCommerce.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Disabilita i frammenti del carrello | Disabilita le richieste AJAX wc-cart-fragments sulle pagine non del negozio. |
| Disable WooCommerce Styles & Scripts | Scarica il frontend CSS/JS di WooCommerce sulle pagine non del negozio. |
| Disabilita i marchi WooCommerce | Elimina il pacchetto/estensione WooCommerce Brands. |
Tips & Best Practices
- Attiva le ottimizzazioni WooCommerce a livello di negozio per impedire il caricamento di frammenti del carrello su post di blog o pagine statiche.
- Impedisci il caricamento degli script del negozio su pagine che non ne hanno bisogno per mantenere il tuo sito funzionante senza intoppi.
- Rivedi le tue impostazioni dopo aver apportato modifiche per assicurarti che le pagine del tuo negozio vengano visualizzate correttamente.
Gestore risorse WooCommerce
Cosa fa
WooCommerce Asset Manager ti consente di controllare il caricamento di script e fogli di stile WooCommerce specifici nelle pagine del tuo negozio. Puoi ottimizzare le risorse WooCommerce da caricare su pagine specifiche per ottimizzare il tuo negozio.
Come usarlo
- Vai alla sezione Gestione funzionalità.
- Seleziona l'opzione WooCommerce e fai clic sulla scheda Risorse.
- Configura le regole di caricamento delle risorse WooCommerce.
- Fai clic sul pulsante Salva per memorizzare le regole delle risorse.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Regole per le risorse WooCommerce | Disabilita in modo condizionale specifici script e handle di stile WooCommerce. |
Tips & Best Practices
- Controlla le pagine del tuo negozio dopo aver aggiornato le regole delle risorse per assicurarti che tutto venga visualizzato e funzioni correttamente.
- Disabilita solo gli script e i fogli di stile che sei sicuro non siano necessari su pagine specifiche.
- Prenditi il tuo tempo durante la configurazione delle regole per garantire il corretto funzionamento del tuo negozio.
Attività pianificate di WooCommerce (Cron)
Cosa fa
Gestisci e ottimizza le attività pianificate in background di WooCommerce e le code del pianificatore di azioni. Esamina le code delle attività in background di WooCommerce e ripulisci i vecchi registri del pianificatore di azioni per mantenere il tuo negozio funzionante senza intoppi.
Come usarlo
- Vai alla sezione Gestione funzionalità, seleziona WooCommercee aprire il file Attività pianificate scheda.
- Controlla le code delle attività in background e configura le tue preferenze.
- Esegui manualmente le azioni in sospeso o elimina i registri delle azioni completate secondo necessità.
- Fare clic su Salva le impostazioni del cron pulsante per applicare le modifiche.
Settings & Options
| Collocamento | Cosa controlla |
|---|---|
| Ottimizzazione del programmatore di azioni | Configura la dimensione del batch e il periodo di conservazione per le azioni completate/non riuscite. |
Tips & Best Practices
- Pulisci regolarmente i vecchi registri dello scheduler delle azioni eliminando i registri delle azioni completate per mantenere il tuo sistema organizzato.
- Utilizza le esecuzioni manuali per le azioni in sospeso quando è necessario elaborare immediatamente le attività in background.
- Modifica le impostazioni di ottimizzazione della pianificazione delle azioni per ottimizzare il modo in cui le dimensioni dei batch e i periodi di conservazione vengono gestiti nel tuo negozio.
Controllo del volume di amministrazione di WooCommerce
Disabilita i widget della dashboard di amministrazione di WooCommerce, i report di analisi e le notifiche di marketing.
Ottimizzatore di posta elettronica WooCommerce
Ottimizza le e-mail transazionali di WooCommerce e disabilita i trigger e-mail non necessari.