17 ianuarie 2019
Cele mai importante modificări Opțiunea de a seta lățimea elementului text la 100% Opțiunea de a seta
10 ianuarie 2019
Deseori în SEO vorbim despre a crea un slug corect pentru o pagină. Dar ce înseamnă acest
09 ianuarie 2019
Cele mai importante modificări RWD automatic - ajustare automată a elementelor inițiale pentru dispozitivele mobile RWD automatic
03 ianuarie 2019
Anul 2019 va aduce foarte multe soluții noi odată adăugate pe site-ul tău îți pot aduce un
27 decembrie 2018
Având în vedere că trăim în secolul vitezei, în care dacă nu ești în mediul online înseamnă
20 decembrie 2018
Te-ai gândit vreodată cam câte bloguri citești în medie pe lună? La câte dintre acestea lași comentarii?
13 decembrie 2018
Cele mai importante modificări Informații despre publicarea site-ului în browser Informații despre publicarea site-ului în fila browserului

Inne artykuły:

17 ianuarie 2019
Cele mai importante modificări Opțiunea de a seta lățimea elementului text la 100% Opțiunea de a seta lățimea elementului text
10 ianuarie 2019
Deseori în SEO vorbim despre a crea un slug corect pentru o pagină. Dar ce înseamnă acest lucru de fapt?
09 ianuarie 2019
Cele mai importante modificări RWD automatic - ajustare automată a elementelor inițiale pentru dispozitivele mobile RWD automatic - ajustare automată
03 ianuarie 2019
Anul 2019 va aduce foarte multe soluții noi odată adăugate pe site-ul tău îți pot aduce un plus de trafic.
27 decembrie 2018
Având în vedere că trăim în secolul vitezei, în care dacă nu ești în mediul online înseamnă că nu exiști,
20 decembrie 2018
Te-ai gândit vreodată cam câte bloguri citești în medie pe lună? La câte dintre acestea lași comentarii? Acum, imaginează-ți cum
13 decembrie 2018
Cele mai importante modificări Informații despre publicarea site-ului în browser Informații despre publicarea site-ului în fila browserului De azi poți
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

10 ianuarie 2019
Deseori în SEO vorbim despre a crea un slug corect pentru o pagină. Dar ce înseamnă acest
03 ianuarie 2019
Anul 2019 va aduce foarte multe soluții noi odată adăugate pe site-ul tău îți pot aduce un
27 decembrie 2018
Având în vedere că trăim în secolul vitezei, în care dacă nu ești în mediul online înseamnă
20 decembrie 2018
Te-ai gândit vreodată cam câte bloguri citești în medie pe lună? La câte dintre acestea lași comentarii?
13 decembrie 2018
Meniurile de navigare sunt necesare pentru orice blog sau site. Acestea aduc nu numai un aspect profesionist,
10 ianuarie 2019
Deseori în SEO vorbim despre a crea un slug corect pentru o pagină. Dar ce înseamnă acest lucru de fapt?
03 ianuarie 2019
Anul 2019 va aduce foarte multe soluții noi odată adăugate pe site-ul tău îți pot aduce un plus de trafic.
27 decembrie 2018
Având în vedere că trăim în secolul vitezei, în care dacă nu ești în mediul online înseamnă că nu exiști,
20 decembrie 2018
Te-ai gândit vreodată cam câte bloguri citești în medie pe lună? La câte dintre acestea lași comentarii? Acum, imaginează-ți cum
13 decembrie 2018
Meniurile de navigare sunt necesare pentru orice blog sau site. Acestea aduc nu numai un aspect profesionist, ci ajută și

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

Pentru clienți