15 noiembrie 2018
Link Baiting, tradus în română ca ”momeală pentru link-uri”, este tehnica de a scrie conținut de calitate
15 noiembrie 2018
Cele mai importante modificări Modificarea meniului de sus în editorul programului WebWave Secțiunea ”Editare” mereu vizibilă Modificarea
10 noiembrie 2018
  Cele mai importante modificări Recuperarea simplă a versiunilor site-urilor înainte de recuperarea versiunii de rezervă. Recuperarea simplă
08 noiembrie 2018
Web design responsive (RWD) sau web design personalizat, cum a fost tradus în română, este o tehnică
01 noiembrie 2018
Dacă ne-am lămurit cu privire la procesul de lead generation, haideți să discutăm în continuare despre ce
25 octombrie 2018
Pentru mulți proprietari de site-uri, sitemap-ul nu este un concept cu adevărat important. În realitate, un sitemap
24 octombrie 2018
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sem tellus, volutpat vitae purus in, molestie efficitur

Inne artykuły:

15 noiembrie 2018
Link Baiting, tradus în română ca ”momeală pentru link-uri”, este tehnica de a scrie conținut de calitate pentru a atrage
15 noiembrie 2018
Cele mai importante modificări Modificarea meniului de sus în editorul programului WebWave Secțiunea ”Editare” mereu vizibilă Modificarea meniului de sus
10 noiembrie 2018
  Cele mai importante modificări Recuperarea simplă a versiunilor site-urilor înainte de recuperarea versiunii de rezervă. Recuperarea simplă a versiunilor site-urilor
08 noiembrie 2018
Web design responsive (RWD) sau web design personalizat, cum a fost tradus în română, este o tehnică de design menită
01 noiembrie 2018
Dacă ne-am lămurit cu privire la procesul de lead generation, haideți să discutăm în continuare despre ce este rata de
25 octombrie 2018
Pentru mulți proprietari de site-uri, sitemap-ul nu este un concept cu adevărat important. În realitate, un sitemap este un instrument
24 octombrie 2018
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sem tellus, volutpat vitae purus in, molestie efficitur ante. Lorem ipsum
Zapisz się!
Zapisz się!
Udało się!
Podaj e-mail!

Blog

Tu dowiesz się, jak zrobić stronę internetową.

Chcesz być na bieżąco?

16 mai 2018
Google, cel mai popular motor de căutare din lume, în decurs de câteva secunde prelucrează 66 de mii de căutări din întreaga lume. Nu e uimitor că echipa Google caută
05 martie 2018
Atunci când vă imaginați proiectul site-ului pe care doriți să-l creați, majoritatea din Voi, se gândește la meniu, culori, aspectul general al paginii, ... Deseori, proiectanții de site-uri web se
10 ianuarie 2018
  În ultima noastră întâlnire, Andrzej a descris, cum poate fi recunoscut și evitat un client ”diabolic”. Ce însă se întâmplă atunci când întâlnim un client ”normal”, care o dată cu
28 decembrie 2017
Pagina web este deseori primul element al companiei, cu care se întâlnesc clienții noștri potențiali. Dorim sau nu, în baza modului în care arată această pagină, vizitatorii își vor crea
20 iulie 2017
User Experience (UX) este experiența generală a utilizatorului în timpul folosirii aplicației sau navigării pe pagina web. Unele soluții proaste implementate pe paginile web pot fi înlocuite prin modele UX.

Top 5

Cele mai populare postări din anul trecut.

Îndrumări periodice de webdesign

Vei primi 1 e-mail pe săptămână cu informație la tema proiectării paginilor web.

Scrie adresa ta e-mail:
Abonare
Abonare
Formularul a fost expediat - mulțumim.
Introdu o adresă e-mail corectă.

Abonarea înseamnă acceptarea regulamentului WebWave. Poți renunța în orice moment.

Începe acum

PANOUL WEBMASTER

LOGIN

Cum să accelerezi pagina web - câteva sfaturi și instrumente simple

24/09/2015

Blog

15 noiembrie 2018
Link Baiting, tradus în română ca ”momeală pentru link-uri”, este tehnica de a scrie conținut de calitate
08 noiembrie 2018
Web design responsive (RWD) sau web design personalizat, cum a fost tradus în română, este o tehnică
01 noiembrie 2018
Dacă ne-am lămurit cu privire la procesul de lead generation, haideți să discutăm în continuare despre ce
25 octombrie 2018
Pentru mulți proprietari de site-uri, sitemap-ul nu este un concept cu adevărat important. În realitate, un sitemap
18 octombrie 2018
Generarea de lead-uri este un proces de marketing ce presupune captarea interesului potențialilor clienți pentru un produs
15 noiembrie 2018
Link Baiting, tradus în română ca ”momeală pentru link-uri”, este tehnica de a scrie conținut de calitate pentru a atrage
08 noiembrie 2018
Web design responsive (RWD) sau web design personalizat, cum a fost tradus în română, este o tehnică de design menită
01 noiembrie 2018
Dacă ne-am lămurit cu privire la procesul de lead generation, haideți să discutăm în continuare despre ce este rata de
25 octombrie 2018
Pentru mulți proprietari de site-uri, sitemap-ul nu este un concept cu adevărat important. În realitate, un sitemap este un instrument
18 octombrie 2018
Generarea de lead-uri este un proces de marketing ce presupune captarea interesului potențialilor clienți pentru un produs sau un serviciu.

Alte articole:

Fiece secundă are importanță. Dacă pagina Ta se încarcă mai încet de 3 secunde, atunci în mediu 40% din utilizatori vor renunța de la vizitarea acesteia. La fel indicele conversiei pentru pagină va scădea o dată cu creșterea timpului de încărcare.

 


După cum se vede, timpul de încărcare a paginii web este un ”a fi sau a nu fi” pentru proprietarul ei. Ce putem face, pentru a îmbunătăți situația? Cel mai simplă metodă este de a ”slăbi” pagina - de a micșora cantitatea de date, care trebuie descărcate, pentru ca pagina să se afișeze corect. Voi prezenta mai jos câteva tehnici, care pot accelera pagina web și proteja pe Tine și pe utilizatorii Tăi de la frustrații inutile.

 

jak przyśpieszyć stronę internetową

 

Imagini

 

Imaginile și fotografiile sunt cea mai ”grea” parte a paginii. Cu cât imaginea are ani multe kilobiți, cu atât mai mult timp va lua descărcarea ei, respectiv și un timp îndelungat de afișare a paginii. Dacă prelucrăm și optimizăm într-un mod corespunzător imaginea, această poate fi ”slăbită” considerabil. Mai jos este explicat cum micșorezi imaginile, păstrând calitatea lor.

 

Rezoluției

 

Da, știu. Imaginile în rezoluție de 5000 pixeli arată superb și poți vedea pe ele ce are pe cămașă tipul din penultimul rând. Din păcate, în general, așa imagini ocupă câteva sau chiar mai mult de 10 megabiți. Prima etapă de ”slăbire” adaptarea rezoluției imaginii la dimensiunile imaginii, pe care o va avea imaginea pe site.

 

Imaginea pe pagină va trebui să aibă 500 pixeli? Salveaz-o așa încât să aibă 500 de pixeli lățime. O vei face ușor în programul popular ca GIMPPaint.net, Paint.net gratuit, sau chiar în cel mai simplu Irfanview. Pentru că monitorul de 4k devine din ce în ce mai popular, poți fi tentat și faci niște imagini de două ori mai mari de cât sunt pe pagină, ca să arate perfect și pe acele display-urile. Ține minte, cu cât mai mare este rezoluția, cu atât mai mare va fi dimensiunea fișierului.

 

În WebWave recomandăm să folosești poze de o rezoluție de două ori mai mare de cât dimensiunile cerute, pentru că în timpul publicări acestea sunt compresate, pentru a economisi spațiu și acest lucru se va observa mult pentru imaginile cu o rezoluție mică.

 

Formatul fișieruluii

 

Aici situația este simplă. Alegem una din două, cele mai populare, formate de fișier: JPEG sau PNG.

 

Dintre cele două opțiuni, JPEG este un format ce include pierderi pentru a micșora dimensiunea fișierului. Acel format este folosit pentru tot felul de poze și imagini, în care sunt multe culori. Salvând un fișier JPEG, se poate alege calitatea acestuia - cât de multe date pot și pierdute. Calitatea între 30 și 60 permite păstrarea unui echilibru între modul în care arată și dimensiunea imaginii.

 

Un trick interesant, care permite să obținem niște imagini mai clare, este dublarea dimensiunilor acestuia concomitent cu micșorarea calității. O imagine cu o lățime de 500 pixeli și o calitate de 60% va ”cântări” cam tot atât cât și o imagine de 1000 pixeli și o calitate de 30%. Dar cea de-a doua imagine, amplasată pe o pagină cu dimensiune de 500 de pixeli va arăta mai bine.

 

zdjęcie na szybszą stronę www zdjęcie na szybszą stronę internetową

Ambele imagini sunt în format JPEG. La stânga - poza originală cu lățimea de 300 px și calitatea de 60%, iar în dreapta lățimea de 600 px și calitatea de 30%, micșorată până la 300 px pe pagina web.

 

PNG este un format ce nu include pierderi, care permite să păstrăm cea mai bună calitate a imaginii. Din păcate, din această cauză imaginile în formatul PNG va ”cântări” mult. Acel format este perfect pentru imaginile cu un număr mic de culori, de exemplu un logo sau un banner promo simplu. În acel format se poate obține o calitate foarte bună a imaginii cu o dimensiune mică a fișierului. PNG are la fel un avantaj enorm, întrucât în el poate fi salvată arii transparente. Deci dacă dorești o imagine, în care o parte trebuie să fie transparentă, îndată alege formatul PNG. Acest format este deseori utilizat pentru adăugarea de logotipuri pe pagina web (vezi logoul nostru în partea de sus a paginii). În cazul fișierelor de tip JPEG acest efect este imposibil.

 

Formatul PNG include 2 sub-formaturi PNG-24 și PNG-8. Diferența între ele este numărul de culori, care poate include imaginea. Dacă nu ești încrezut care va fi mai bun, salvează fișierul în formatul default. Acum îți voi prezenta niște instrumente, care îți vor corecta formatul imaginii Tale.

 

Ajustează dimensiunea imaginii la dimensiunea display-ului.

 

Creând versiunea mobilă a paginii sau un proiect responsiv poți avea imagini în dimensiuni cu totul diferite de cât în versiunea de desktop. Pe un display de 4 inch este suficient să ai o imagine mai mică de cât pe un monitor de 27 de inch. Merită să acorzi o clipă și să creezi versiuni ale imaginilor de o rezoluție mai mică pentru pagina ta, pentru dispozitivele mobile.

”Slăbire” suplimentare De acum, ai ales formatul potrivit și ai stabilit dimensiunile corespunzătoare ale pozei. Înainte de amplasarea lor pe pagină se poate de eliminat suplimentar câțiva kilobiți utilizând instrumente gratuite, care le îmbunătățește și mai mult. Merge vorba despre tinypng.com i tinyjpg.com. M-au ajutat să economisesc sute de megabiți în dimensiunile imaginilor. Pur și simplu, ”arunci” imaginea, se face ceva magie și obții o imagine care arată la fel dar mai mică. Ok, de fapt nu este magie, ci puțină automatizare înțeleaptă, dar nu este necesar s-o cunoști în detaliu. Important este că funcționează.

 

zmniejszenie obrazów screenshot

 

JavaScript și CSS

 

În afară de imagini, în momentul descărcării sunt doawloadate la fel script-uri JavaScript și fișiere CSS. Ele la fel pot ”cântări” mult și merită să le micșorezi dimensiunile. Pentru acest scop există instrumente uimitoare, care vor elimina toate caractere albe, inutile, comentariile și va scurta frazele lungi, păstrând totodată toată funcționalitatea codului. Vor putea micșora dimensiunea fișierelor CSS și JS de la 30% până la 90%.

Exemple de Tool-uri

 

 

Dacă folosești WebWave.me, nu trebuie să-ți faci griji, căci codul paginii Tale este optimizat în mod automat în timpul publicării.

 

Bucură-te de viteza îmbunătățităi

 

Înainte de a începe optimizarea fișierelor, verifică cu ajutorul Pingdom Website Speed Test, cât de repede se încarcă pagina Ta. Mai apoi, optimizează toate elementele, verifică care sunt îmbunătățirile și prezintă-le în comentarii.

 

Metode de a îmbunătăți viteza paginii, sunt multe, iar cele prezentate sunt doar vârful aisbergului. Descrie metodele tale în comentarii.


kreator stron www WebWaveCMS - growth hacker Andrzej Szelemetko – CCO/Growth Hacker

 De mai mult de 5 ani lucrez la contactul tehnologie-client. Mă fascinează cum oamenii folosesc tehnologia și cum se poate de simplificat, accelerat acel proces. Mă găsești pe Google+ și Facebook. Timpul liber îl petrec cu bicicleta și în aer liber.

Logo, WebWave - program pentru crearea site-urilor web

WebWave - programul pentru creare site web, permite. Poți începe să creezi pagini web de la zero sau să beneficiezi de șablonuri, pe care le poți modifica după propriul plac.

Panoul webmaster

CONTACT

ro@webwave.me
Scrie-ne pe chat.

CREATOR

OfertĂ

PENTRU CLIENȚI  

WebWave

MateriaLE

Acest site a fost creat în totalitate cu ajutorul WebWave - program gratuit pentru creare site web. Această pagină utilizează module Cookie. Află mai multe.

RO

EN

CUNOAȘTE-NE MAI BINE ÎN REȚEA

ÎNCEPE ACUM

PROGRAM

PL

Prețuri

wEBwAVE

Tutoriale

CUNOAȘTE-NE MAI BINE ÎN REȚEA