Design web reactiv

Cum interesul pentru domeniul mobilitatii este in crestere, designul reactiv a devenit un subiect fierbinte. Insa acesta nu se limiteaza doar la layouturi adaptabile, ne explica Stephen Hay.

Textul

Stephen Hay este unul dintre sefii companiei Zero Interface si se ocupa de consultanta pentru clienti in doemniul designului si strategiilor multi-platforma.

Stephen a scris pentru A List Apart si organizeaza conferintele Mobilisim impreuna cu PPK si Krijn Hoetmer. Pe langa activitatea cu clientii, el conferentiaza si scrie despre subiecte legate de layouturi CSS3, web design si accesibilitate. Din cand in cand, isi publica gandurile pe the-haystack.com

Ilustratia

Rob Bowen este director creativ la Track-nine, o agentie de trafica si web design care in momentul actual se ocupa de tot felul de pr...

Vezi articol

Viteza serverului si a paginii

In final, s-a putea ca serverul sau baza de date sa fie incete sau sa se chinuie la incarcare mare.In WebPagetest, daca timpul, de culoare verde deschis, scurs pana la primul byte al paginii este neobisnuit de lung(PHP-ul sau ASP-ul care genereaza dinamic HTML-ul) si relativ scurt pentru restul resurselor statice, s-ar putea ca baza de date sa “rasneasca” prea mult, cautand intre mii de lucruri inainte ca ceva sa-i fie trimis browserului.

In acest caz, puteti forta serverul web sa trimita neintarziat elementul <head> al paginii, urmand ca dupa aceea sa fie efectuate procesarile de durata. In acest fel, browserul poate detecta fisierele CSS si JavaScript necesare, le poate cere si descarca asteptand in rastimp dupa restul paginii...

Vezi articol

Compresia textului

Pe langa sfaturile de compresie de mai devreme, ii puteti spune serverului sa compreseze fisierele si sa le trimita browserului. Acesta le va decomprima inainte de a le afisa. Fisierelor HTML, JavaScript si CSS le poate fi redusa dimensiunea cu peste 50 de procente.

Pentru Apache, optiunea s epoate activa adaugand un rand suplimentar fisierului de configurare sau , in directoarele stabilite, folosind un fisier .htaccess:

AddOutputFilterByType DEFLATE text/plain text/html text/xml

Cautati dupa mod_deflate pentru a vedea un exemplu in care totul este compresat, mai putin imaginile, doar pentru acele browsere care suporta acest lucru. Imaginile sunt deseori excluse din operatiune deoarece sunt deja puternic comprimate si nu se economiseste latime de banda...

Vezi articol

Keep-Alive

In primul grafic cascada pentru pagina meteo a BBC, doar cateva dintre fisiere au avut conexiunea initiala de culoare portocalie. Acest lucru s-a intamplat datorita faptului ca browserul a fost capabil sa metina activa conexiunea si sa o refoloseasca pentru a cere mai multe fisiere. Acest lucru se numeste Keep-Alive sau conexiune persistenta si este o optiune de configurare a serverlui. Fara ea, browserul ar trebui sa se reconecteze la server pentru fiecare cerere de fisier. Seamana intrucatva cu terminarea apelului dupa fiecare cuvant spus cuiva la telefon si efectuarea unui nou apel pentru a continua propozitia.

Din fericire, Keep-Alive este usor de activat. Din nefiricire, trebuie sa aveti acces la optiunile de configurare ale serverului...

Vezi articol

Sfat pentru viteza – Cercetarile Google

Afacerea companiei Google consta in a le oferi oamenilor posibiliitatea de a ajunge la informatia cautata cat mai rapid posibil, asadar merita sa fiti atenti la cercetarile lor in aceasta zona. Veti gasi blogul oficial Google Webmaster la googlewebmastercentral.blogspot.com. Cautati dupa “site speed” si derulati la aprilie 2010 pentru a vedea anuntul referitor la viteza site-urilor In articol poate fi gasit un link de studiu intern al Google publicat in iunie 2009. Google a experimentat incetinind pagina de rezultate si masurand cum afecteaza acest comportament utilizarea motorului de cautare. Rezultatele au fost revelatoare...

Vezi articol