Desktop sau dispozitiv mobil?

Tendinta noastra sau, cel putin a clientilor este sa gandim totul pornind de la un site pentru desktop care trebuie convertit catre domeniul mobil. Aceasta poate insemna folosirea abordarii prezentate in articolul lui Marcotte. In acelasi timp, poate insemna detectia harware-ului care apeleaza pagina web, iar apoi servirea unei pagini adecvate dispozitivului repectiv. Oricum am privi lucrurile, designul si dezolvoltarea pentru domeniul mobil introduc o seama de noi chestiuni de luat sn considerare:

  • Dimensiunea ecranului: cea mai mare parte a discutiei se invarte in jurul acestui subiect. Din cauza numarului de dispozitive diferite existente in exploatare, este un factor important.
  • Rezolutia: 600 de pixeli pe un telefon nu vor arata la fel ca 600 de pixeli pe un computer...
Vezi articol

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