Cosa fa OptiPic CDN quando prova a richiedere un'immagine da esso:
Restituisce la versione WebP dell'immagine. se il browser supporta il formato WebP
Restituisce una versione compressa senza webp se il browser non supporta WebP
Rende reattivo agli schermi mobili se l'immagine viene aperta da un cellulare
Cache e velocizza il caricamento riducendo il carico dal tuo hosting
Protegge le tue immagini preservare il copyright tramite i tag EXIF e IPTC
Usa il tuo nome di dominio per caricare immagini da img.domain.com, ecc
Caricamento pigro e immagini Le immagini vengono caricate mentre scorri le pagine
La conversione in Webp e la compressione delle immagini avviene in background e non rallenta l'apertura delle immagini sul browser. Se la versione ottimizzata non è ancora pronta al momento della richiesta dell'immagine, viene restituita la versione originale senza alcuna elaborazione.
Copia l'ID del sito Web creato negli appunti (Ctrl + C)
Passo #4: Incolla l'ID del sito nel plug-in PrestaShop WebP
Vai alla pagina delle impostazioni del plugin precedentemente installato sul tuo sito.
Incolla l'ID del sito copiato nel campo delle impostazioni corrispondente.
Passo #5: Salva le tue impostazioni
Salva le impostazioni del plug-in. Svuota la cache nel pannello di controllo PrestaShop.
Modifica altre impostazioni del plugin se necessario
Descrizione delle impostazioni del modulo
Site ID in your personal account CDN OptiPic (ID sito nel tuo account personale CDN OptiPic)
Puoi scoprire l'ID del tuo sito web nel tuo account personale CDN OptiPic. Aggiungi il tuo sito al tuo account se non l'hai già fatto.
Per disattivare la fedeltà automatica, è sufficiente cancellare l'ID del sito.
Domain list (if images are loaded via absolute URL) (Elenco domini (se le immagini vengono caricate tramite URL assoluto))
Ciascuno su una nuova riga e senza specificare il protocollo (http/https).
Site pages that do not include auto-replace (Pagine del sito che non includono la sostituzione automatica)
Ognuno su una nuova riga e deve iniziare con una barra (/)
Replace only URLs of images starting with a mask (Sostituisci solo gli URL delle immagini che iniziano con una maschera)
Ognuno su una nuova riga e deve iniziare con una barra (/)
List of 'srcset' attributes (Elenco degli attributi 'srcset')
Elenco di attributi di tag, in cui è necessario sostituire srcset-markup of images
CDN domain (dominio CDN)
Dominio attraverso il quale funzionerà CDN OptiPic. Puoi utilizzare il tuo sottodominio (img.yourdomain.com, optipic.yourdomain.com, ecc.) invece dello standard cdn.optipic.io. Per connettere il tuo sottodominio, contatta il supporto tecnico di OptiPic.
Cosa ottiene l'ottimizzazione delle immagini sul sito
Velocizzare il sito
Migliorare SEO
Aumento della conversione
Aumento di Google Pagespeed Insights
Perché vale la pena utilizzare WebP per PrestaShop?
L'utilizzo di Webp risolve il problema "Pubblica immagini nei formati di nuova generazione" in Google Pagespeed Insights.
In breve, WebP comprime il file meglio, a parità di condizioni, rispetto ai formati precedenti (png e jpeg), il che significa che occupa meno spazio sull'hosting e si carica più velocemente nel browser durante la visualizzazione della pagina. p>
L'implementazione di WebP è attivamente promossa da Google, che fornisce tali statistiche:
WebP comprime le immagini senza perdita di dati del 26% in più rispetto a PNG.
WebP comprime le immagini con perdita di dati meglio di JPEG del 25-34% con lo stesso indice di somiglianza strutturale (SSIM)
WebP supporta la trasparenza senza perdita di dati (nota come alpha) con un aumento delle dimensioni di solo il 22%.
Se il browser del visitatore non supporta WebP, il CDN restituirà il vecchio formato (png/jpeg), ma compresso (ottimizzato per il Web)
Cos'è la compressione delle immagini
L'ottimizzazione dell'immagine è un'elaborazione speciale di un file grafico per ridurne le dimensioni senza perdita di qualità visiva.
Per eseguire questa procedura, ci sono un gran numero di algoritmi abbastanza complessi. Tuttavia, sono tutti basati sulla stessa base: tutti i dati del servizio lì (ad esempio, il nome del programma che memorizza il file, ecc.) Devono essere rimossi dal file grafico e inoltre, utilizzando programmi speciali, unisci / colori simili lisci.
Di conseguenza, otteniamo la stessa immagine, che visivamente non è cambiata. Tuttavia, il volume (peso) di questo file in byte sarà molto inferiore all'originale. Se questa elaborazione viene eseguita correttamente, il file immagine può essere ridotto al 98% senza perdere la qualità dell'immagine.
Ciò significa che le immagini sulle pagine del sito verranno caricate molte volte più velocemente dopo l'ottimizzazione.
Cosa ottimizzerà le immagini per il tuo sito
Risparmia spazio su disco.
Velocizza il caricamento della pagina.
Carico minimo del server.
Aumenta la conversione.
Migliore posizionamento del sito per i risultati di ricerca.
È stato dimostrato che l'accelerazione del sito Web può migliorare i fattori comportamentali, nonché aumentare la conversione del sito Web (aumentare le vendite). Più a lungo si carica la pagina del sito, meno clienti saranno in grado di eseguire determinate azioni target lì. Se il tuo sito su Internet non funziona abbastanza velocemente, hai tutte le possibilità di perdere il tuo potenziale reddito. L'accelerazione della risorsa online fornirà l'opportunità di migliorare la conversione e, di conseguenza, aumentare notevolmente le entrate e attirare più clienti.
Vantaggi OptiPic
Non ci sono pagamenti mensili.
Automazione completa.
Assistenza alla connessione gratuita.
Per connettersi e utilizzare il servizio, non è necessario possedere particolari competenze di programmazione o amministrazione.
Non ci sono restrizioni sulla dimensione dell'immagine nel sistema.
Assistenza tecnica amichevole.
In che modo l'ottimizzazione delle immagini per PrestaShop può velocizzare un sito?
Una pagina di qualsiasi sito molto spesso è composta da:
immagini;
codice html (contenuto del testo, layout, markup);
video;
script javascript con logica in esecuzione dal browser;
file CSS con stili di pagina.
Un elemento come un'immagine occupa la maggior parte dell'intero volume delle pagine del sito ed è la parte "più pesante" delle pagine.
La riduzione (ottimizzazione) delle immagini renderà senza dubbio significativamente più veloce il download di qualsiasi risorsa online.
Di conseguenza, se modifichi (riduci) la dimensione delle immagini, tutte le pagine del sito inizieranno a caricarsi molto più velocemente.
La compressione delle immagini sul sito consentirà di ridurne il volume al 75-98%, senza perdere la qualità visiva.
Inizia ora con il pacchetto GRATUITO
Garanzia di qualità (Politica di rimborso)
Se non sei soddisfatto del tuo acquisto, puoi contattarci entro 30 giorni dalla data di acquisto. Se ci sono motivi per questo, rimborseremo il costo totale o parziale del tuo acquisto.
Pagamento una tantum — nessun canone mensile
Il pacchetto acquistato non si esaurisce alla fine del mese: è vantaggioso acquistarlo con diversi mesi di anticipo
Paghi per le visualizzazioni delle immagini CDN. Il costo totale di utilizzo dipende dalla quantità di traffico sul tuo sito. In media, questo è da $ 1,5 per 1.000.000 di visualizzazioni di immagini. La prima demo di 100,000 visualizzazioni è gratuita.
Si prega di notare che sarebbe bello avere più stock sull'account, in modo che le nuove immagini vengano automaticamente compresse, che verranno aggiunte in seguito sul sito.
Prezzo assolutamente trasparente CDN OptiPic
Paghi solo per l'ottimizzazione delle immagini visualizzate dai visitatori del tuo sito.
Per la visualizzazione di ogni immagine, 1 visualizzazione viene sottratta dal tuo account.
La cancellazione dal bilancio avviene una volta al giorno (per il giorno precedente).
Di conseguenza, il costo dell'utilizzo di CDN dipende dal numero di immagini visualizzate.
In media, per un negozio online con una presenza mensile di 300.000 visualizzazioni (richieste) al mese, vengono rilasciate circa 5 milioni di visualizzazioni di immagini (richieste) al mese.
Naturalmente, questa cifra è individuale per ogni sito: dipende da quali pagine i visitatori del tuo sito visitano di più, quante immagini su ciascuna pagina del tuo sito, ecc.