Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
WebDesign - incarcare rapida
#1
Regula numarul 1 pentru orice webdesigner este sa faca un site care se incarca repede. Mai jos noi, va vom prezenta cateva sfaturi pentru a face un site grozav in deisgn si incarcare rapida.

Folosinta scazuta imagini - o cheie este pentru o incarcare rapida este folosinta in mica masura a imaginilor. Imaginile pot spori o pagina, dar nu 80% din site-ul dumneavoastra sa fie numai imagini. Ati putea folosi cat mai mult html.
Site-uri foarte populare precum Yahoo, Google, eBay, Amazon, etc., care au foarte putine imagini, deoarece timpul de incarcare este cel mai inportant, foarte des desenele simple sunt cele de succes.

Optimizati imaginile pentru web - Dupa ce ati decis ce imagini aveti nevoie pentru site-ul dumneavoastra, asigurati-va ca acestea sunt optimizate pentru web. Imaginile ar trebui sa fie in format JPEG sau GIF. Puteti, de asemenea sa reduceti dimensiune imaginilor, prin alegerea numarului de culori de care aveti nevoie, de la paleta de culori. Puteti folosi online Gif Wizard pentru a va optimiza si a primi sfaturi pentru imagini.

Utilizati Tabele - Tabele se incarca foarte repede deoarece sunt in format html. Ele pot fi folosite in meniu, pagina de pornire sau unde doriti.

Nu folositi animatii - Nu folositi animatii GIFs numai in cazul in care este necesar. Animatiile dureaza destul de mult sa se incarce, uneori poate fi foarte enervant. Puteti folosii mici animatii pentru ca utilizatorul sa fie atras intr-o anumite sectiune a site-ului,

Design simplu cu icoane - In loc de a folosi imagini mari puteti folosi pictrograme mici,simple care sa dea un pic de culoare site-ului dumneavoastra. Asa am folosit si noi, pe E-Phorum.

Utilizare imagini pe fundal de cate ori este posibil - Acesta este un sfat foarte bun pentru antete si footers. In loc de a utiliza o imagine de latime 580, care este uniforma, o pastrati doar pentru parti, iar pentru footer si antete folositi cate o imagine diferita.
codul pentru back ground va arata astfel: <tr background="/images/header_backgroud.gif" width="100%">

Folositi codul CSS - Distreaza-te cu stilurile css pentru a obtine unele efecte de text . Stilul CSS este la fel ca cel HTML, se incarca foarte repede. CSS obtine texte simple, dar frumoase.
CSS va mai ajuta in urmatorul caz:
Vreti sa modificati textul unor pagini html, trebuie sa o modificati pe fiecare in parte. NU! Intrati in fisierul CSS, modificati de acolo culoarea si, Voila!

Folositi putin Flash - Exista o multime de posibilitati de folosire a flash-ului, dar recomanda sa folositi cat mai putin flash pe un site. Nu faceti site-uri, folosind 100% Flash. Este adevarat ca arata grozav, foarte grozav dar poate dura minute intregi pana se incarca, din acest motiv pierdeti o multime de vizitatori. Daca doriti sa folositi neaparat Flash folositi-l in combinatie cu HTML, mai mult HTML pentru a se incarca rapid.

Cat mai mult HTML in site-ul dumneavoastra - pe cat de posibil, incercati sa folositi in cadrul site-ului dumneavoastra cat mai mult HTML. Aveti posibilitatea de a face o multime de template-uri in HTML. Folositi tabele ,stiluri CSS pentru proiectarea site-ului dumneavoastra.
Minimizare utilizarea animat GIFs, Flash, imagini de voluminoase etc
Reply
Anunt important
Daca ti-a fost de folos articolul de mai sus te rugam sa ne sustii in semn de apreciere.
Ar insemna foarte mult pentru noi daca ai apasa oricare din butoanele de recomandare de mai jos (in special pe cel de facebook) sau chiar pe mai multe.
Faptul ca suntem apreciati ne motiveaza sa facem o treaba mai buna si implicit sa oferim mai mult, ajuta comunitatea sa creasca.


#2
Sau KISS=Keep it stupid simple
Reply
#3
(03-29-2009, 12:20 AM)Admin Wrote: Sau KISS=Keep it stupid simple

ce ai vrut sa zici prin asta?
Reply
#4
Pai pastreaza cat de simplu se poate:

[Image: keep-it-simple-stupid-kiss.png]
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  Iconite pentru webdesign Admin 0 5,335 07-22-2011, 03:25 AM
Last Post: Admin



Users browsing this thread: 1 Guest(s)