Configurazione CDN Magento 2

L'attivazione della CDN NON rimuove o modifica i files presenti sul tuo server, ne genera una copia e la tiene in memoria servendola su richiesta dal nodo server più vicino all'utente.
I percorsi originali rimango validi e funzionanti, l'attivazione comporterà un livello aggiuntivo di ottimizzazione.

Configurazioni

CDN

La CDN Artera, basata su Cloudflare, è una Content Delivery Network di semplicissima configurazione che ti permetterà di velocizzare i tempi di caricamento del tuo sito in pochi passi e, nel medio termine, risparmiare sui costi di hosting e cloud delegando la gestione dei contenuti statici del tuo sito (immagini, fogli di stile CSS e Javascript) ad una rete di server distribuita geograficamente.

Predisporre il fingerprint delle risorse

Il Fingerprint è una funzionalità che può essere utilizzata indipendentemente dall'attivazione della CDN, aggiunge nel percorso della risorsa un timestamp, un identificatore numerico temporale, che consente di gestire correttamente l'invalidazione della cache quando le risorse vengono modificate (detto anche cache busting).
Il timestamp cambierà quando verrà lanciato il comando di invalidazione consentendo alla CDN e soprattutto al browser dell'utente, che potrebbe avere in cache quella risorsa, di rilevare la modifica e servire la nuove versioni dei files aggiornate.

Assicurarsi PRIMA di attivare la CDN che questa funzionalità sia abilitata e funzionante. 

NOTA in magento questa funzionalità è prevista solo per le risorse in pub/static ma NON in pub/media.

 

Soluzione consigliata - Installare il modulo Absolute Cache Bust 

Consigliamo invece di installare e attivare il modulo gratuito Aboslute Cache Bust che integra in maniera più flessibile e completa la funzionalità di cache busting sul sitoe permette l'invalidazione anche dei media files.

Attivazione Cache busting negli STATIC files

Basterà selezionare "Si" e salvare per attivare questa funzionalità. Viceversa selezionare "No" e salvare per disattivarla.

Esempio URL originale https://miodominio.tld/pub/static/version20181128134602/risorsa-statica.js
Esempio URL con FINGERPRINT https://miodominio.tld/pub/static/version20181128134602/risorsa-statica.js

Attivazione Cache busting nei MEDIA files

IMPORTANTE PRIMA di attivare la funzionalità occorre verificaresui siaMEDIA abilitatoURLs il mod_rewrite eoccorre seguire le indicazioni nel paragrafo sotto "[SERVER] Aggiunta regole di rewrite".

Basterà selezionare "Si" e salvare per attivare questa funzionalità. Viceversa selezionare "No", salvare e salvarepulire la cache per disattivarla.

Esempio URL originale https://miodominio.tld/pub/media/media.jpg
Esempio URL con FINGERPRINT https://miodominio.tld/pub/media/version20181128134602/media.jpg

[SERVER] Aggiunta regole di rewrite per la cartella media

Aggiungere nella posizione corretta le seguenti regole (consultare la guida del modulo su github)github per maggiori dettagli):

Se Apache:  nel file pub/media/.htacccess

############################################
## Absolute Cache Bust
	RewriteRule ^version.+?/(.+)$ $1 [L]

Se Nginx: nel file [miodominio].conf

location /media/ {
   ...
   
   location ~ ^/media/version {
       rewrite ^/media/(version\d*/)?(.*)$ /media/$2 last;
   }
   
   ...
}

Se le regole di rewrite non vengono applicate correttamente la riscrittura fingerprint non funzionerà.
I media del sito non si visualizzeranno perché le risorse non trovate restituiranno il codice di errore 404.
In caso di problemi disabilitare temporaneamente il modulo e contattarci per un supporto dedicato.

Attivazione della CDN Artera

Una volta attivato il fingerprint delle risorse è possibile attivare la CDN dalla pagina di configurazione dal backend in Negozio > Configurazione. Nella schermata Configurazione lato sinistro nel box Generale cliccare sulla voce "Web".

Basterà selezionare "Si" e salvare per attivare questa funzionalità. Viceversa selezionare "No" e salvare per disattivarla.
Come riportato nelle note è richiesto che il sito sia totalmente in HTTPS perché la CDN Artera funzioni correttamente.

 

Attivazione CDN negli STATIC files

Esempio URL originale https://miodominio.tld/pub/static/risorsa-statica.js
Esempio URL con FINGERPRINT https://miodominio.tld/pub/static/version20181128134602/risorsa-statica.js
Esempio URL con FINGERPRINT e CDN https://arteracdn.net/miodominio.tld/pub/static/version20181128134602/risorsa-statica.js

Attivazione CDN nei MEDIA files

PRIMA di utilizzare la CDN Artera il tuo dominio dovrà essere aggiunto e abilitato nel nostro pannello.
Se avete un piano "Managed" siete automaticamente abilitati, in caso contrario prima di procedere contattaci per maggiori info aprendo un ticket dalla tua area personale o scrivendo a support@artera.net. 

BasteràInoltre selezionare "Si" e salvare per attivare questa funzionalità. Viceversa selezionare "No" e salvare per disattivarla.
Come riportato nelle note è richiesto SSL attivato e che il sito sia navigabile  totalmente in HTTPS perché la CDN Artera funzioni correttamente.

Una volta attivato il modulo Absolute Cache Bust sarà possibile attivare anche la CDN da backend magento.

Vai in Negozio > Configurazione.
Nella schermata Configurazione, menu di sinistra nel box Generale cliccare sulla voce "Web".

Nel blocco "Base URLs" verificare/impostare:

• campo "Base URL" il protocollo dell'url sia "https://"
•  

Settaggi  

Assicurarsi siano abilitati gli URL sicuri sia sul frontend che sul backend verificando che le select sotto siano entrambe settate su "Si". 

Cliccar sul bottone ""

 

Attivazione CDN negli STATIC files

Esempio URL originale https://miodominio.tld/pub/static/risorsa-statica.js
Esempio URL con FINGERPRINT https://miodominio.tld/pub/static/version20181128134602/risorsa-statica.js
Esempio URL con FINGERPRINT e CDN https://arteracdn.net/miodominio.tld/pub/static/version20181128134602/risorsa-statica.js

Attivazione CDN nei MEDIA files

Esempio URL originale https://miodominio.tld/pub/media/media.jpg
Esempio URL con FINGERPRINT https://miodominio.tld/pub/media/version20181128134602/media.jpg
Esempio URL con FINGERPRINT e CDN https://arteracdn.net/miodominio.tld/pub/media/version20181128134602/media.jpg

.....