Acasă » Blog » Optimizare pagini web. Imagini comune “sitewide”

Optimizare pagini web. Imagini comune “sitewide”

Comprimare imagini

Optimizarea paginilor prin reducerea dimensiunilor elementelor componente.

Comprimarea imaginilor

Site aplicatie: Star Junior

Abordare: comprimare imagini local: download imagini – comprimare – upload

Utilitar: FILEminimize Pictures 3.0. Setari: comprimare Custom; factor calitate: 94%

Flux de lucru:

  • + download imagini comune tuturor paginilor (antet, footer, sidebars, backgrounds)
  • + comprimare
  • + verificare calitate prin comparare cu originalul  (vizual)
  • + upload
Rezultate numerice:

  • + reducere pagini cu 0.6 MB fiecare
  • + exemple:
    • + homepage de la 5.15 MB la 4.24 MB
    • + categorii de la  4.20 MB la 3.62MB
    • + articol: de la 6.15MB la  5.63MB

 

Castiguri:

  • + dimensiunea mai mica pagina (a elementelor care o compun)
  • + transfer mai rapid elemente server-client (browser)
  • + viteza mai mare de incarcare a paginii in browser
  • + economisire resurse server
  • + experienta mai buna utilizator
  • + timp mai mare petrecut de catre utilizator pe site
  • + conversie mai buna ( > $ )
Actiuni urmatoare pentru optimizare site:
Comprimare si unificare fisiere .js si .css (alte tehnici decat cea aplicabila imaginilor)
Reducere imagini feed-uri site-uri externe (metoda 1 daca avem acces la aceste site-uri  si metoda 2 creare thumbnail-uri pentru imagini la prima preluare a feed-ului – cu dimensiunile potrivite pentru zona de afisare iamgine, apoi servire din cache)
starjunior.ro este construit pe Wordpress si atunci putem aplica o reducere numar plugin-uri pana la limita minima, eliminare widget-uri inutile/nefolosite, etc

 

 

 

 

nv-author-image

Traian Constantin Predan

Inginer absolvent al Politehnicii București proiectează și construiește sisteme online. Lucrează proiecte extrem de diverse, îi plac viziunile noi care provoacă la dezvoltarea unor soluții tehnice eficiente și stabile.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *