Optimizare Page Speed

Optimizare Page Speed

Optimizare Page Speed

Optimizare Page SpeedOptimizare Page Speed dupa cum suna si titlul cred ca va dati seama despre ce este vorba in acest post.

Pentru un Page Speed bun, ca google sa ne lanseze bine in piata online avem nevoie sa trecem peste mai multe etape.

1. Cand alegem o firma de Hosting trebuie sa ne asiguram ca ruleaza urmatoarele module:
– mod_gzip
– mod_rewrite
– mod_expires
– mod_headers
Aceste 4 mod-uri ce provin din Apache sunt importante pentru a putea optimiza mai bine un site.

2. Parallelize downloads across hostnames
– Sa il putem valida avem nevoie la domeniul www.4seo.ro sa facem un subdomeniu de genul img.4seo.ro de unde sa downloadeze pozele de pe site-ul nostru.

3. Avoid CSS @import
– nu folositi in css functia de @import

4.  Minify CSS
– Comprimarea fisierelor CSS ce au terminatia .css pentru o incarcare mai rapida.

5. Minify JavaScript
– Comprimarea fisierelor JavaScript ce au terminatia .js pentru o incarcare mai rapida.

6. Enable gzip compression
– la punctul 1 va ziceam ca aveti nevoie de mod_gzip. Daca nu aveti acest mod activat nu va puteti optimiza site-ul pentru Gzip.
– functia Gzip va face site-ul mai mic ca greutate si ajuta la incarcarea mai rapida a site-ului.
7. Combine external CSS
– Combinarea de CSS se refera sa grupam din x CSS cate avem sa facem sa ne recunoasca doar un singur CSS ce se face cu ajutorul php + htaccess.

8. Combine external JavaScript
– Combinarea de JavaScript se refera ca sa grupam din x JavaScript cate avem sa facem sa ne recunoasca doar un singur JavaScript ce se face cu ajutorul php + htaccess .
9. Minimize redirects

Inainte de a optimiza codul sursa pentru Minimize redirects
Minimize redirects

Dupa optimizarea codului sursa pentru Minimize redirects
Minimize Redirects

10. Optimize images
РOptimize images este procedura de optimizare imaginilor pentru a nu le face la un nivel de calitate ce ocupa si mult, aceeasi imagine se poate face la o calitate mai scazuta care nu este vizibila cu ochiul liber.

11. Specify image dimensions
– Specify image dimensions google se refera daca postam o imagine ce are dimensiunea de 150×150 in codul html de imagine sa ii specificam inaltimea si lungimea pozei.

12. Combine images using CSS sprites
– daca avem multe poze micute gen buton de cautare de login si multe altele le putem pune toate intr-o singura poza si-n care sa ii specificam prin CSS ce parte din poza sa apara pe site.

O sa mai venim cu update la post cand o sa mai apara si alte noutati in Page Speed.
Page Speed ajuta la incarcarea pagini web mai repede si va auta si in pozitionarea in google.
Firebug & Page Speed Google
Optimizare site
Page Speed Test Google
Promovare Site Google

9 Comments

  • Reply

    VersanuReplied on 04/04/2011

    Interesant…Mai ales partea cu alegerea hostingului pentru ca oferta e foarte variata si de obicei ne uitam doar la pret…dar sunt foarte multe lucruri care trebuie luate in calcul! Pe langa cele spuse mai sus trebuie vazut cum sta providerul de hosting cu suportul, cu securitatea si cu modulele care se pot activa!

  • Reply

    AndreiReplied on 04/04/2011

    In partea dreapta jos avem un banner spre firma de Hosting si ne face placere faptul ca le facem reclama, de ce?
    1. Suport Online Non Stop
    2. Uptime de 9 luni 100%
    3. Ori ce modul apache instalat

    eu zic ca sunt de ajuns astea 3

  • Reply

    AnonimReplied on 08/04/2011

    Andrei, conform Firebug, nici 4seo.ro nu indeplineste toate aceste conditii despre care vorbesti in articol. Prima pagina are un scor de 93/100 (page speed), iar aceasta pagina are 87/100.
    Cu iertare sa-mi fie, dar nu cred ca este laudabil acest scor pt un site care se vrea tutorial SEO, cu atat mai mult cu cat exista si acest articol in cadrul site-ului.
    In rest, vreau sa te felicit pt. munca pe care o depui impartasind toate aceste tips-uri.

    • Reply

      AndreiReplied on 09/04/2011

      Acuma fac un update sa vezi ca am 98/100
      Firebug si Page Speed de la FireFox nu dau rezultatul calumea foloseste Google Chrome.

      Am facut test si cu Chrome si cu un script de pe o pagina web din Canada !

  • Reply

    InfoSighisoaraReplied on 08/04/2011

    multumiri pentru articol andrei, este foarte interesant de stiut la ce fel de server iti parchezi site-ul..apoi faptul ca, da bine sa treci in html-ul imaginii si dimensiunile, asta chiar nu am am stiut-o..
    astept urmatorul articol..:)

  • Reply

    DariusReplied on 12/05/2011

    w3 total cache e bun? ce parere aveti?

    • Reply

      AndreiReplied on 14/05/2011

      Nu folosi Plugin de cache.

  • Reply

    REFORMASReplied on 04/01/2012

    Atunci ce recomanzi daca nu w3 total cache.Chiar sunt curios sa zicem pentru aceia mai putzin experimentatzi, ce metode foloseti.Sau mai bine zis de ce nu faci un tutorial pe tema asta.

  • Reply

    AndreiReplied on 04/01/2012

    Eu am facut totul din .htaccess si nu folosesc cache pe serverul meu pentru ca ori ce metoda de cache pe server ingreuna in loc sa ajute si am optat la alt tip de cache.
    Zilele astea cand am sa ma mai eliberez din munca am sa revin cu un tutorial despre cum sa iti configurezi wordpress pentru cache.

Leave a comment

Your email address will not be published. Required fields are marked *

© 2010 - 2015 4SEO. All rights reserved.