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.
La pagina di configurazione della CDN è raggiungibile dal menu del backend in testata Sistema > Configurazione.
Nella schermata Configurazione lato sinistro nel box Artera cliccare sulla voce "Web".
Attivazione
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à 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.
Attivando il modulo i contenuti statici del sito verranno gestiti dal dominio https://arteracdn.net/
Esempio URL originale https://miodominio.tld/risorsa-statica.js
Esempio URL con CDN https://arteracdn.net/miodominio.tld/risorsa-statica.js
FINGERPRINT
Il Fingerprint è una funzionalità che può essere utilizzata indipendentemente dall'attivazione della CDN, aggiunge nel nome della risorsa un timestamp, un identificatore numerico temporale, che consente di gestire correttamente l'invalidazione della cache quando un contenuto statico viene modificato (detto anche cache busting).
Il timestamp cambierà in base alla data di ultima modifica del file consentendo alla CDN e soprattutto al browser dell'utente, che potrebbe avere in cache quella risorsa, di rilevare la modifica e servire la nuova versione aggiornata.
Assicurarsi quindi che con la CDN attiva questa funzionalità rimanga sia abilitata e funzionante.
NOTA in magento questa funzionalità è prevista solo per le risorse in pub/static ma NON in pub/media
In alternativa installare il modulo Absolute Cache (scelta consigliata)
Consigliamo di installare e attivare il modulo gratuito Aboslute Cache Bust che integra in maniera più flessibile e completa la funzionalità di cache busting sul sito compresi i media files.
Attivazione CDN sui files statici
Basterà selezionare "Si" e salvare per attivare questa funzionalità. Viceversa selezionare "No" e salvare per disattivarla.
Esempio URL originale https://miodominio.tld/risorsa-statica.js
Esempio URL con FINGERPRINT https://miodominio.tld/risorsa-statica.1534503632.js
Esempio URL con FINGERPRINT e CDN https://arteracdn.net/miodominio.tld/risorsa-statica.1534503632.js
Attivazione
PRIMA di attivare la funzionalità occorre verificare sia abilitato il mod_rewrite e seguire le indicazioni nel paragrafo sotto "[SERVER] Aggiunta regole di rewrite".
Basterà selezionare "Si" e salvare per attivare questa funzionalità. Viceversa selezionare "No" e salvare per disattivarla.
Esempio URL originale https://miodominio.tld/risorsa-statica.js
Esempio URL con FINGERPRINT https://miodominio.tld/risorsa-statica.1534503632.js
Esempio URL con FINGERPRINT e CDN https://arteracdn.net/miodominio.tld/risorsa-statica.1534503632.js
[SERVER] Aggiunta regole di rewrite (operazione da effettuare SOLO se il tipo di rewrite scelto è "Nome file")
Aggiungere nella posizione corretta le seguenti regole:
Se Apache: file pub/media/.htacccess
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpe?g|gif|ico)$ $1.$3 [L,NC]
Se Nginx: file [miodominio].conf
location ~* ^(.+)\.\d+\.(js|css|png|jpe?g|gif|ico)$ {
try_files $uri $1.$2;<br>
}
Se le regole di rewrite non vengono applicate correttamente la riscrittura fingerprint non funzionerà.
Il sito si visualizzerà male senza grafica ne stili 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.
Utilizzare l'opzione nativa magento