Guida sviluppo temi

CSS & JS

Ogni template è composto da più file, compresi file CSS e JS.

Si consiglia di ridurre le dimensioni di CSS e JS il più possibile, eliminando codice superfluo e/o commenti.

Impostare il recupero dei file CSS e JS da url di tipo cdn, in modo da avere un ottimo caricamento dei file a livello world-wide.

Qui viene riporta la tabella per la conversioni di eventuali url da base a url servite attraverso la cdn:

Fonts

Puoi usare tantissimi font per l'eCommerce Storeden. Tuttavia, se usi font esterni ( es: Google Fonts ) il font deve essere scaricato sul device dell'utente che sta visualizzando l'eCommerce e questo può introdurre una latenza iniziale di caricamento. Non utilizzare o riduci al minimo l'uso di font esterni per poter avere le maggiori performance.

Immagini

Ogni immagine caricata a sistema viene salvata con un id univoco e la stessa immagine non è modificabile. Le url per le immagini sono quindi sempre univoche, e non è possibile modificare l'id.

Esempio ID: 59d3aee102e58eeb8e034d12

Url base

• Immagine Thumbnail: https://static-cdn.storeden.com/secache/59d3aee102e58eeb8e034d12 da questa url viene fornita l'immagine scalata su base 300x300 ( mantenendo le proporzioni ) per ridurre il peso dell'immagine originale.
  
  
• Immagine Originale: https://tcdn.storeden.com/gallery/59d3aee102e58eeb8e034d12 da questa url viene fornita l'immagine originale caricata a sistema.

Url fast

In questa sezione sono elencate le url che vengono "velocizzate" da una geo-cache distribuita.

• Immagine Thumbnail: https://cdn.storeden.net/secache/59d3aee102e58eeb8e034d12
• Immagine Originale: https://egress.storeden.net/gallery/59d3aee102e58eeb8e034d12

Si consiglia, ove possibile, di utilizzare le url fast per garantire un caricamento più rapido delle immagini.

Trasformazione immagini

Storeden mette a disposizione diversi meccanismi di modifca automatica delle immagini. L'immagine viene trasformata sulla base delle url che vengono costruite per il recupero delle immagini.

WebP: https://egress.storeden.net/gwebp/59d3aee102e58eeb8e034d12 attraverso questa url viene fornita un'immagine image/webp. L'immagine viene trasformata direttamente dall'immagine originale. Attenzione: l'immagine non è supportata da tutti i browser.

JP2: https://egress.storeden.net/jp2/59d3aee102e58eeb8e034d12 attraverso questa url viene fornita un'immagine di tipo image/jp2. L'immagine viene trasformata direttamente dall'immagine originale. Attenzione: l'immagine non è supportata da tutti i browser.

JPG: https://egress.storeden.net/jpg/59d3aee102e58eeb8e034d12 attraverso questa url viene fornita un'immagine di tipo image/jpeg. L'immagine viene trasformata direttamente dall'immagine originale

HighRes-JPG: https://egress.storeden.net/high-res-jpg/59d3aee102e58eeb8e034d12 attraverso questa url viene fornita un'immagine di tipo image/jpeg. L'immagine viene trasformata direttamente dall'immagine originale. Il sistema elabora l'immagine per migliorare l'immagine ove possibile. In alcuni casi il file generato potrebbe essere di dimensioni maggiori rispetto al file originale. Non sempre questa immagine è disponibile.