Optimizare pagini web. Imagini comune “sitewide”

By

Traian

Blog IT, Optimizare

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

 

 

 

 

 

Leave a Reply

Adresa ta de email nu va fi publicată.