21 martie 2019
Să scrii conținut pentru un website poate fi o provocare. Cu toate astea, nu ar trebui să
15 martie 2019
Cele mai importante modificări: Noul design al panoul de editare a textului în WebWave Funcții avansate de
14 martie 2019
Știi cum să creezi un site web? Da? Nu? Poate? Indiferent de răspuns și de cunoștințele tale
07 martie 2019
Content marketing-ul este unul dintre cele mai mari trenduri în mediul online. Printre cele mai importante avantaje
06 martie 2019
Cele mai importante modificări Noua fereastră de previzualizare a site-ulu Noua fereastră de previzualizare a site-ului De
01 martie 2019
Cele mai importante modificări Funcție nouă importantă pentru magazinul creat în WebWave - adăugarea butonului ”Adaugă la
28 februarie 2019
A fost, fără îndoială, un an plin. Am depășit limita a 100.000 de vizitatori, am fost ocupați

Inne artykuły:

21 martie 2019
Să scrii conținut pentru un website poate fi o provocare. Cu toate astea, nu ar trebui să îți faci griji
15 martie 2019
Cele mai importante modificări: Noul design al panoul de editare a textului în WebWave Funcții avansate de recuperare a versiunilor
14 martie 2019
Știi cum să creezi un site web? Da? Nu? Poate? Indiferent de răspuns și de cunoștințele tale de web development,
07 martie 2019
Content marketing-ul este unul dintre cele mai mari trenduri în mediul online. Printre cele mai importante avantaje oferite de acesta
06 martie 2019
Cele mai importante modificări Noua fereastră de previzualizare a site-ulu Noua fereastră de previzualizare a site-ului De azi toți utilizatorii
01 martie 2019
Cele mai importante modificări Funcție nouă importantă pentru magazinul creat în WebWave - adăugarea butonului ”Adaugă la coș” în articole
28 februarie 2019
A fost, fără îndoială, un an plin. Am depășit limita a 100.000 de vizitatori, am fost ocupați cu implementarea unor
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.

WebWave - program pentru creare site web

Începe acum

PANOUL WEBMASTER

LOGIN

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

24/09/2015

Blog

21 martie 2019
Să scrii conținut pentru un website poate fi o provocare. Cu toate astea, nu ar trebui să
14 martie 2019
Știi cum să creezi un site web? Da? Nu? Poate? Indiferent de răspuns și de cunoștințele tale
07 martie 2019
Content marketing-ul este unul dintre cele mai mari trenduri în mediul online. Printre cele mai importante avantaje
28 februarie 2019
A fost, fără îndoială, un an plin. Am depășit limita a 100.000 de vizitatori, am fost ocupați
21 februarie 2019
Practici de urmat atunci când construiești un magazin online Un magazin online este o modalitate excelentă de
21 martie 2019
Să scrii conținut pentru un website poate fi o provocare. Cu toate astea, nu ar trebui să îți faci griji
14 martie 2019
Știi cum să creezi un site web? Da? Nu? Poate? Indiferent de răspuns și de cunoștințele tale de web development,
07 martie 2019
Content marketing-ul este unul dintre cele mai mari trenduri în mediul online. Printre cele mai importante avantaje oferite de acesta
28 februarie 2019
A fost, fără îndoială, un an plin. Am depășit limita a 100.000 de vizitatori, am fost ocupați cu implementarea unor
21 februarie 2019
Practici de urmat atunci când construiești un magazin online Un magazin online este o modalitate excelentă de a-ți mări semnificativ

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.

Cum accelerezi un site web

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.

 

 

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.

 

Imagine pentru site web înainte de optimziare Imagine pentru site web optimziată

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ă.

 

Micșorează dimensiunile imaginii cu tinypng.com

 

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.


Andrzej Szelemetko – CCO/Growth Hacker - autorul articolului WebWave 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. 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

Pentru clienți