Link indexat direct către site- acesta este un link care nu este închis prin interzicerea etichetelor și/sau atributelor HTML și, de asemenea, fără redirecționări (redirecționări). De exemplu, dacă decideți să plasați un link către site-ul meu pe site-ul/blogul dvs., este indicat să nu îl închideți de la roboții de căutare cu atributul de interzicere nofollow. Dacă decideți să creați un link către una dintre paginile mele, vă rugăm să deschideți linkul pentru indexare. Aș fi recunoscător pentru linkurile indexate directe către site-ul meu.
Dacă site-ul/blogul dvs. utilizează conținut grafic/text împrumutat de pe acest site sau orice fragment/citat, linkul către site ar trebui să fie fără atribute și/sau redirecționări de interzicere.
Ce este TFP și FTP, care este diferența?
Abrevierile TFP și FTP nu au nimic în comun. Singurul lucru care îi unește este doar consonanța pronunției, care poate deruta pe cineva.
TFP - (Timp pentru imprimare), se traduce prin „timp pentru imprimări”. Acest termen este folosit de fotografi și modele de modă. TFP este un fel de monedă folosită de industria fotografiei. TFP, de regulă, este asigurată printr-un acord între model și fotograf, pentru a evita tot felul de necazuri asociate cu drepturile de autor etc.
Când un model este de acord cu TFP, înseamnă că este gata să lucreze gratuit pentru o anumită perioadă de timp, iar pentru muncă își va primi fotografiile (toate sau unele, cu sau fără procesare).
Acum despre FTP.
FTP (File Transfer Protocol) este un protocol de transfer de fișiere folosit de dezvoltatorii web etc. Pentru a lucra cu un server prin acest protocol, se folosește un client FTP - acesta este un program care funcționează direct cu un server FTP.
Protocolul FTP este utilizat pentru a transfera documente de rețea precum HTML, PHP, CSS, JPEG etc. de pe dispozitivul privat al dezvoltatorului pe serverul de găzduire. Același protocol este folosit pentru a descărca documente de rețea de pe un server pe dispozitivul privat al dezvoltatorului.
Ce este o extensie de fișier?
Extensie de fișier, sau mai degrabă, extensia numelui de fișier este o secvență de anumite caractere adăugate la numele unui fișier. Aceste simboluri sunt menite să identifice tipul sau, după cum se spune, formatul fișierului. O extensie de nume de fișier nu este altceva decât o combinație de litere și/sau numere care vine după ultimul punct dintr-un nume de fișier, cum ar fi fotograf.gif, unde „fotograf” este numele fișierului și „.gif” este extensia acestuia. Există un număr mare de extensii de fișiere, dar toate respectă anumite standarde și aplicații. Dar dacă doriți să veniți cu propria extensie originală pentru un fișier, de exemplu, filename.fotograf, vă rog, nicio problemă! Dar Windows nu va putea deschide un astfel de fișier dacă nu există niciun program corespunzător pe mașina dvs. care vede această extensie. De exemplu, dacă doriți să deschideți un fișier cu o extensie .gif în sistemul de operare Windows, acest sistem de operare știe despre această extensie și va deschide o imagine. Dar dacă doriți să deschideți un fișier cu extensia .fotograf, un astfel de fișier nu se va deschide, deoarece Windows nu este familiarizat cu o astfel de extensie. Un fișier cu această extensie poate fi deschis într-o aplicație care acceptă această extensie.
Ce este un site de cărți de vizită, ce sunt acolo?
Site cărți de vizită este un site web al cărui scop principal este de a oferi publicului informații despre o companie sau persoană fizică. Un astfel de site, de regulă, constă dintr-un număr mic de pagini statice sau dinamice.
Paginile site-ului pentru cărți de vizită ar trebui să conțină informații de bază despre companie/persoană, bunurile pe care le produc și informații despre serviciile lor. Acestea pot fi pagini cu liste de prețuri, detalii de contact și, bineînțeles, cu un formular de feedback. Site-ul de cărți de vizită al unui fotograf, de regulă, diferă de alte site-uri similare prin designul său rafinat și prin abundența de fotografii. Site-ul fotografului trebuie să aibă portofoliul și contactele lui. Recent, din ce în ce mai des poți găsi un site de cărți de vizită, unele dintre paginile cărora sunt construite pe tehnologia FLASH, sau complet pe FLASH.
site-uri FLASH arată bine, dar astfel de site-uri sunt indexate de motoarele de căutare astăzi foarte prost, sau deloc indexate.
Ce este o pagină web/un site web dinamic?
Pagina web dinamică- aceasta este o pagină pe care conținutul sau o parte din acesta poate fi generat (modificat) în timp real fără a implica gesturi suplimentare. Pentru paginile legate dinamic se folosește un așa-numit motor - CMS (sistem de management al conținutului).
Cum functioneaza? De exemplu, pagina pe care o vedeți în prezent în fereastra browserului dvs. nu există ca atare. Este asamblat din părți separate (șabloane) pe care serverul le asambla într-una singură. Adică, atunci când este solicitată o pagină, serverul web procesează cererea și imediat „din zbor” colectează pagina web din părți separate și ne-o dă pentru vizualizare în browser. Se modifică doar conținutul paginii, în timp ce șablonul de pagină rămâne același.
Imaginați-vă un dulap care are mai multe rafturi cu lucruri diferite. Pe un raft este conținut text (bază de date), pe celălalt - fișiere grafice (fotografii, elemente de design grafic), pe al treilea - scripturi (de exemplu, scripturi PHP), pe al patrulea - stiluri CSS și așa mai departe ... Deci, atunci când serverul a primit o solicitare pentru acest sau acel conținut, știe unde este totul și ne asamblează rapid pagina din părțile necesare: preia conținutul text necesar din baza de date, fișierele grafice necesare de pe raft cu grafica, etc. Prin schimbarea unei părți a șablonului într-un singur loc, aceste modificări sunt aplicate tuturor paginilor site-ului.
Ce este o pagină web/un site web static?
Pagina web statică este un document web care se află pe server în forma în care utilizatorul îl vede în browserul său. Adică, un astfel de document nu este asamblat din părți separate (șabloane), ci se află pe server așa cum este, în formă asamblată și este încărcat de pe server într-un singur fișier cu stiluri CSS și/sau scripturi conectate la acesta.
Pentru a modifica conținutul unui astfel de document, acesta trebuie mai întâi editat pe un computer care funcționează într-un editor HTML și apoi încărcat (încărcat) din nou pe server. Pentru a modifica o parte a designului sau, de exemplu, pentru a adăuga/elimina un element din meniul de navigare, aceasta va necesita modificarea (modificarea) tuturor paginilor site-ului.
Web designer și programator web, care este diferența?
Un web designer și un programator web lucrează în același domeniu, dar îndeplinesc sarcini diferite. Un web designer este angajat în crearea de prototipuri a paginii, dezvoltarea unui șablon de design de site web, crearea unui aspect de design grafic, tăierea acestuia în fragmente separate și optimizarea acestuia, selectând fonturi și culori. Un web designer poate fi angajat în aspectul paginilor site-ului, dar acest lucru nu face parte din îndatoririle sale, pentru aceasta există oameni special instruiți - designeri de layout.
Cine este un programator web?
Un programator web, sau mai degrabă, un dezvoltator web (dezvoltator de server) este o persoană care dezvoltă aplicații web speciale, scrie scripturi în diferite limbaje de programare pentru anumite module de pagini web.
Concluzie, pentru ca site-ul să fie atât frumos, cât și funcțional, este nevoie atât de un web designer, cât și de un programator web. Și pentru ca site-ul să fie și ușor de utilizat, este necesar aici
Promovarea site-ului web (promovarea) este înțeleasă ca promovarea unui site web în topul rezultatelor căutării pentru anumite cuvinte cheie în motoarele de căutare Google, Yandex etc.
Cele mai bune rezultate ale căutării- aceasta este prima pagină a site-ului motorului de căutare cu primele 10 link-uri către site-uri. Pentru aceste 10 poziții există o luptă ireconciliabilă între site-urile aceluiași subiect. Conform statisticilor, acele site-uri care se află în fruntea topului (ocupă primele trei poziții) adună cel mai mare număr de vizitatori. Pentru a fi în acest top, unele resurse plătesc foarte mulți bani. Dar nu este suficient să fii acolo, trebuie să stai acolo, iar acest lucru duce la o luptă constantă nu numai între marile companii SEO, ci și între private.
Nu este minunat să poți crea și întreține un site cu propriile mâini, fără a apela la cineva pentru ajutor? Pe lângă economisirea de bani (la urma urmei, serviciile de dezvoltare web costă mult), acest lucru vă permite să rezolvați în mod independent o mulțime de sarcini: crearea unei pagini web personale, site-ului web corporativ, magazin online, implementarea proiectelor interesante - aceasta nu este o listă completă a ceea ce poate face o persoană, priceput în tehnologiile de dezvoltare web.
După ce ați citit această carte, veți afla ce este un site web modern, cum este dezvoltat conceptul său, ce sunt găzduirea și un nume de domeniu, cum diferă o pagină web statică de una dinamică, cum se formează conținutul site-ului, de ce este necesară optimizarea acestuia , și mult mai mult prieten. Veți învăța cum să programați singur paginile web folosind limbajul de marcare hipertext HTML, precum și să vă familiarizați în detaliu cu produse software special create pentru dezvoltatorii web și care vă permit să creați automat un site web cu drepturi depline, cheltuind un minim de timp și efort. .
Stilul ușor și accesibil de prezentare, precum și un număr mare de ilustrații ilustrative și exemple practice, transformă studiul acestei cărți într-un proces captivant, al cărui rezultat va fi capacitatea de a crea rapid o resursă web modernă atractivă și de a performa toate actiunile necesare intretinerii, intretinerii si optimizarii acestuia.
Carte:
Conceptul de pagină web statică și dinamică
Mai devreme, am vorbit pe scurt despre ce sunt paginile web statice și dinamice. În această secțiune, vom analiza această problemă mai detaliat.
Numele unei pagini statice vorbeste de la sine: o astfel de pagina prezinta informatii statice, permanente si neschimbabile. Mai degrabă, îl puteți schimba, dar pentru aceasta trebuie să faceți ajustări adecvate codului de program al paginii.
De obicei, un fișier de pagină static este în format HTML. Dezvoltatorul web scrie codul HTML pentru a forma conținutul site-ului, dă fișierului un nume și apoi pagina este încărcată pe serverul web și pusă la dispoziție utilizatorilor de internet. De exemplu, pe un site corporativ, o pagină statică poate conține informații despre istoria companiei, activitățile sale principale etc. Rețineți că ar trebui să începeți primele experiențe în domeniul dezvoltării web cu crearea de pagini web statice. Vom vorbi despre asta mai detaliat în capitolul despre bazele programării web folosind limbajul HTML.
NOTĂ
Adresa unei pagini scrise în HTML se va încheia cu caracterele care urmează punctului.
Diferența fundamentală dintre o pagină web dinamică și una statică este că conținutul acesteia nu este constant, dar se poate schimba. Se formează în funcție de dorințele utilizatorului, sau mai degrabă, pe baza solicitărilor create de vizitatori și trimise către serverul web. După cum am menționat mai devreme, cel mai tipic exemplu de pagină web dinamică este o pagină cu rezultate de căutare emise de un motor de căutare (același www.google.ru) pe baza unei interogări de căutare trimise de utilizator. Un alt exemplu tipic de utilizare a paginilor web sunt magazinele online: folosind opțiuni, un vizitator indică ce produs și cu ce proprietăți este interesat, trimite o solicitare (butonul corespunzător este de obicei destinat pentru aceasta - etc.), iar după un cuplu of seconds afișează o listă de produse care îndeplinesc criteriile specificate. În plus, paginile dinamice au cea mai largă aplicație în alte site-uri cu diverse scopuri și direcții.
Paginile dinamice pot fi create și folosind limbajul HTML, dar un alt limbaj, PHP, este mai potrivit pentru aceasta (în primul rând datorită funcționalității sale mai largi). În consecință, formatul fișierului de pagină nu va mai fi HTML, ci PHP, iar adresa sa de Internet se va încheia cu caracterele care urmează punctului.
Sunt numite computere care sunt conectate permanent la Internet din întreaga lume și găzduiesc site-uri web servere(din engleza servi a servi, a servi. Software-ul care trimite pagini web către World Wide Web se mai numește și server sau wserverul eb.
Regular imuabil ( static) paginile web sunt stocate în directoarele serverului sub formă de fișiere HTML gata făcute. Activitatea serverului web în acest caz este doar de a transfera fișierele necesare în browser ca răspuns la solicitări:
Dacă solicitarea nu poate fi îndeplinită, atunci serverul web returnează un cod de eroare specific (de exemplu, codul 404 - fișierul nu a fost găsit sau 403 - accesul refuzat).
Browserul, la rândul său, afișează pagina pe baza regulilor limbajului HTML și oferă un răspuns la acțiunile utilizatorului atunci când face clic pe hyperlinkuri. HTML și CSS descriu doar conținutul paginilor web și aspectul acestora. Toate paginile unui astfel de site trebuie create în prealabil, iar pentru a modifica conținutul acestuia este necesar să rescrieți codul paginilor și să încărcați din nou site-ul.
În prezent, există un număr mare de servere web, dar cel mai popular este Apache, care aparține software-ului liber și vă permite să interacționați cu multe sisteme de operare.
Dinamicwpagini eb
Restricțiile privind paginile web statice sunt eliminate în dinamic site-uri web. Paginile unor astfel de site-uri pot schimba dinamic conținutul și designul. În plus, puteți crea documente interactive și aplicații web care interacționează cu utilizatorul în timp real.
Când se solicită pagini dinamice, serverul web rulează program script(numit si scenariu--scenariu) care este scris într-un limbaj de programare. Acest script, în funcție de parametrii solicitării, generează o pagină HTML care este transmisă browserului și afișată. În același timp, nu sunt impuse cerințe suplimentare browserului utilizatorului, poate fi oricare, întreaga sarcină pentru crearea paginilor dinamice cade pe server. Browserul încă funcționează cu pagini web gata făcute, singura diferență este că conținutul lor este generat pentru fiecare vizitator al site-ului separat.
Scripturi de server necesar atunci când creați motoare de căutare, forumuri, magazine online, site-uri de știri, servicii de e-mail și multe altele
cazuri. De asemenea, puteți utiliza scripturi pentru a genera imagini, animații, e-mailuri și multe altele.
Scripturi în limbajPHP
Scripturile de server pot fi scrise în diverse limbaje de programare, dar mai des sunt folosite limbaje pentru aceasta, special concepute pentru aceasta: PERL (Practical Extraction and Report Language - un limbaj practic pentru crearea de mostre și rapoarte) și PHP (Hypertext Preprocessor - hypertext). preprocesor).
Limbajul PHP este acum pe primul loc în popularitate datorită funcționalității sale mari și ușurinței comparative de învățare. Unele sisteme de operare, cum ar fi Linux, includ deja PHP. Pe Windows, trebuie să descărcați și să instalați manual software-ul corespunzător.
Cum funcționeazăphp-pagini
Când un browser solicită o pagină PHP (adică o pagină generată de un script PHP), serverul web la rândul său transmite cererea procesorului PHP, care citește fișierul paginii. Dacă acest fișier este un script (php-program *.php), atunci instrucțiunile acestui script sunt executate, iar pagina necesară se formează în memoria serverului web, care, în final, este transmisă browserului. Mai mult, in functie de solicitare, acelasi fisier al acestei pagini poate contine informatii diferite.
Astfel, scopul principal al unui script PHP este de a genera pagini HTML. În acest caz, se poate face o interogare la baza de date, care stochează toate informațiile necesare.
Continuăm ciclul de publicații despre site-uri statice bazate pe stocarea noastră în cloud (vezi publicațiile anterioare și). Astăzi vom discuta în detaliu problemele reglajului fin și optimizării acestora.
Principalul criteriu pentru funcționarea excelentă a site-ului din punctul de vedere al utilizatorului este, desigur, viteza de încărcare a componentelor. Dacă site-ul durează prea mult să se încarce dintr-un motiv sau altul, acest lucru duce inevitabil la pierderea vizitatorilor care s-au săturat să aștepte. Pentru a face site-ul rapid și convenabil, trebuie să lucrați la optimizarea acestuia.
Am scris deja despre conectarea la stocarea noastră în cloud CDN de la Akamai. CDN-ul stochează tot conținutul static (imagini, fișiere text, JS, CSS și așa mai departe) pe servere de cache împrăștiate în întreaga lume (vezi harta).La accesarea unei pagini web sau a resurselor acesteia, cererea va fi procesată de cel mai apropiat server de cache din punct de vedere geografic de client. Utilizarea unui CDN ajută la creșterea vitezei de încărcare a site-ului web atât pentru desktop, cât și pentru dispozitivele mobile.
În mod implicit, toate datele sunt stocate în cache în CDN-ul timp de 24 de ore. Recent, a fost adăugată o nouă caracteristică la depozit, cu care puteți șterge memoria cache CDN în orice moment:
Pentru a face acest lucru, trebuie doar să accesați fila prezentată în figură și să introduceți în formular adresele paginilor a căror cache doriți să îl ștergeți. Cache-ul nu va fi șters imediat, ci la aproximativ 15 minute după trimiterea formularului.
Orice pagină web include multe elemente diferite: imagini, scripturi, fișiere de stil și așa mai departe. Utilizatorul care vizitează pagina pentru prima dată primește toate aceste elemente făcând o serie de solicitări HTTP. Pentru a evita re-descărcarea unui număr mare de fișiere, se utilizează cache.Modelul de cache folosit în protocolul HTTP se bazează pe așa-numitele validatoare - anteturi speciale folosite de client pentru a se asigura că documentul stocat în cache este încă actualizat. Datorită validatorilor, clientul poate verifica starea documentului fără a trece întreaga copie în cache la server. La rândul său, serverul trimite documentul ca răspuns numai dacă validatorul primit indică faptul că clientul are o copie învechită în cache-ul clientului.
Validatorii sunt împărțiți în puternici și slabi. Au apărut validatori puternici în HTTP/1.1. Ele sunt numite astfel deoarece se schimbă ori de câte ori fișierul se schimbă. Acestea includ așa-numitele ETag-uri (etichete de entitate). ETag este un identificator de conținut al documentului; se schimbă dacă cel puțin un bit se modifică în document. Ca identificator, de exemplu, poate fi utilizată suma MD5 a conținutului documentului. Când un client solicită un document de la server, valoarea ETag este transmisă în răspuns, de exemplu:
HTTP/1.1 200 OK Server: Selectel_Storage/1.0 Accept-Range: octeți Ultima modificare: Luni, 18 Aug 2014 12:25:38 GMT X-Timestamp: 1408364738.80296 Content-Type: image/jpeg Content-Lungime8073 Access-55th: -Allow-Origin: * Access-Control-Expose-Headers: Last-Modified, ETag, X-Timestamp ETag: "ebef3343a7b152ea7302eef75bea46c3" Data: miercuri, 20 august 2014 11:52:48 GMT
Când se solicită din nou același document, valoarea salvată a validatorului este deja trecută în antetul If-None-Match:
GET / HTTP/1.1 Gazdă: example.org If-None-Match: „ebef3343a7b152ea7302eef75bea46c3”
Dacă documentul nu a fost modificat, atunci serverul va returna doar anteturi și un cod 304 Not Modified în răspuns. În caz contrar, serverul va returna codul 200 și va transmite noua versiune a documentului, precum și noua valoare ETag pentru acesta.
În depozitul nostru, ETag-ul este generat imediat după încărcarea fișierului. Este un hash MD5 al conținutului. Dacă conținutul se modifică, atunci se schimbă și ETag-ul.
Validatorii slabi sunt cei care nu se schimbă neapărat de fiecare dată când se schimbă fișierul.
Un exemplu de validator slab este antetul Last-Modified. Valoarea acestui antet este data la care fișierul a fost modificat ultima dată. În depozitul nostru, acesta este instalat automat. Dacă specificați o dată în antetul If-Modified-Since nu mai devreme decât cea conținută în prezent în antetul Last-Modified, atunci răspunsul va fi, de asemenea, 304 Not Modified.
Validatorii puternici pot fi utilizați în orice context. Validatorii slabi sunt utilizați într-un context care nu depinde de conținutul exact al fișierului.
De exemplu, ambele tipuri de validatoare pot fi utilizate în cererile GET cu o condiție (Dacă este modificat deoarece sau dacă nu se potrivește). Cu toate acestea, atunci când descărcați fișiere în părți, pot fi utilizați numai validatori puternici - altfel clientul va primi fișierul într-o formă inconsistentă.
Antetul Cache-Control cu directiva max-age este folosit pentru a seta timpul de cache al browserului pentru o copie a unui fișier al cărui original este stocat. Datorită acestui antet, puteți crește semnificativ viteza de încărcare a site-ului - dacă fișierul este stocat în cache, browserul va afișa instantaneu conținutul din cache fără a face o singură solicitare site-ului.Timpul de cache pentru un fișier este specificat în secunde:
Cache-Control: max-age=7200
În exemplul prezentat, este de 7200 de secunde (2 ore). De obicei, fișierele CSS, JS și imagine sunt stocate în cache în acest fel. Este de dorit să le păstrați în cache pentru totdeauna și, atunci când conținutul se schimbă, modificați linkurile către ele în HTML. RFC 2616 recomandă ca astfel de fișiere să fie stocate în cache pentru cel mult 1 an:
Cache-Control: max-age=31536000
Dacă doriți ca un anumit fișier să nu fie stocat în cache, dar întotdeauna returnat „proaspăt”, antetul Cache-Control este setat la următoarea valoare:
Cache-Control: fără cache
Specifică faptul că elementul nu trebuie să fie deloc în cache și că clientul ar trebui să îl solicite de fiecare dată când accesează magazinul (timpul de încărcare a fișierului va crește în acest caz, deoarece corpul fișierului va trebui descărcat).
O altă modalitate de a actualiza întotdeauna un fișier este să adăugați o sumă de verificare a conținutului la numele fișierului.
Dacă conținutul fișierului se modifică chiar și cu un bit, atunci și suma de control se va schimba. Dacă nu au existat modificări, atunci browserul folosește fișierul din cache. Când un fișier este modificat, linkul către acesta se va schimba și noua versiune va fi descărcată.
Puteți obține suma de control fie folosind utilitarele standard md5sum sau sha1sum, fie folosind utilitare speciale.
De asemenea, puteți adăuga un set arbitrar de caractere la link-urile fișierelor - de exemplu, un marcaj temporal (http://example.com/script.js?timestamp_here) - și să actualizați legăturile cu fiecare implementare a site-ului. Atunci când utilizați această metodă, totuși, nu există nicio garanție că browserul nu va face solicitări inutile: chiar și pentru fișierele al căror conținut nu s-a modificat, va duce un alt link (întregul link, împreună cu parametrii de interogare, este cheia de cache) și va trebui să le descărcați din nou.
Pentru paginile HTML, este de preferat să setați antetul Cache-Control la no-cache. Dacă trebuie să schimbați urgent ceva de pe pagină, iar clientul a stocat deja această pagină în cache (browserele moderne fac acest lucru în mod implicit), atunci clientul poate să nu vadă deloc modificările.
Acest lucru este deosebit de important atunci când utilizați un CDN: CDN-ul Akamai memorează în cache fișierele fără anteturi adecvate timp de 24 de ore în mod implicit. Puteți, desigur, să ștergeți memoria cache (vezi mai sus), dar va trebui totuși să așteptați cel puțin 15 minute după trimiterea cererii corespunzătoare. Setarea valorii fără cache va ajuta la evitarea posibilelor probleme - pagina se va încărca mereu la zi. În acest caz, browserele vor folosi în continuare anteturile If-None-Match (sau If-Modified-Since), iar pagina care nu a fost modificată nu va fi reîncărcată.
În unele cazuri, este mai bine să specificați timpul de cache pentru paginile HTML pe baza frecvenței modificărilor. De exemplu, dacă pagina de știri de pe site este actualizată la fiecare oră, atunci vârsta maximă poate fi setată la 3600 (1 oră).
Valoarea antetului Cache-Control (precum și a altor antete HTTP) din magazinul nostru poate fi setată prin interfața web:
Prin interfața web, valorile antetului sunt setate numai pentru container în ansamblu. Valorile antetului pentru fișierele individuale pot fi setate numai prin intermediul API-ului sau al clienților terți.
Puteți utiliza antetul Expires în loc de Cache-Control. Valoarea acestuia indică data în formatul de dată RFC 1123, după care fișierul nu mai este relevant (de exemplu: marți, 31 ianuarie 2012 15:02:53 GMT). Până la această dată, browserul nu va face solicitări către site, ci va primi fișierul din cache. După această dată, fișierul va fi încărcat din nou.
Cu ajutorul compresiei, puteți accelera semnificativ încărcarea site-ului. Începând cu HTTP/1.1, clienții raportează metodele de compresie acceptate în antetul Accept-Encoding:Acceptare-Codificare: gzip, deflate
În răspunsul serverului, informațiile despre metoda de compresie utilizată sunt transmise în antetul Content-Encoding:
Codificarea conținutului: gzip
Una dintre cele mai populare și mai utilizate metode astăzi este, desigur, gzip. Cu el, puteți reduce semnificativ timpul de descărcare. Gzip funcționează mai ales bine cu fișierele text: HTML, CSS, JS. Datorită compresiei, dimensiunea fișierelor text (și, în consecință, cantitatea de trafic transmis) este redusă în medie de 5-10 ori. Acest lucru vă permite să creșteți semnificativ viteza de încărcare a paginii, ceea ce este deosebit de important pentru clienții mobili cu o conexiune lentă.
Nu are sens să folosiți gzip pentru fișierele grafice: compresia nu reduce semnificativ dimensiunea acestora și, adesea, o mărește.
Akamai CDN folosește gzip pentru majoritatea fișierelor text în mod implicit.
Minificarea este eliminarea caracterelor suplimentare/opționale dintr-un fișier pentru a reduce dimensiunea acestuia și a reduce timpul de descărcare. Din acest motiv, dimensiunea fișierului este redusă în medie de 1,5-3 ori. Astăzi, practica minimizării nu numai JS și CSS, ci și a altor tipuri de fișiere (HTML, fișiere grafice etc.) devine larg răspândită.Pentru minificare, se folosesc instrumente speciale, în special:
Folosind minificarea, nu numai că puteți elimina spații nesemnificative și întreruperi de linie (în CSS și JS sunt opționale), ci și să efectuați operații mai complexe. De exemplu, în JS o funcție ca:
Funcția summ(first_param, second_param) ( return (first_param + second_param); )
Puteți să o transformați în funcție s(a,b)(return(a+b)) și apoi să utilizați s în loc de summ peste tot în cod, păstrând în același timp complet logica funcționării sale. Puteți vedea cum funcționează procedura de minimizare JavaScript la http://lisperator.net/uglifyjs/ în secțiunea Open Demo.
Concatenarea poate ajuta aici - combinând mai multe fișiere de același tip (de exemplu, JS sau CSS) într-unul singur. Vă permite să reduceți numărul de solicitări și, prin urmare, să creșteți viteza de încărcare a paginii.
Concatenarea poate fi folosită și pentru a accelera încărcarea imaginii. Se poate face în două moduri: prin încorporarea datelor în URL și prin utilizarea sprite-urilor.
Datele sunt încorporate folosind un tip special de URL - date: URI. URI (Universal Resource Identifator) poate fi folosit atât în atributul src al etichetei img, cât și în URL-ul imaginii de fundal în CSS.
Există instrumente online pentru conversia imaginilor în date:URI (vezi, de exemplu, și ).
Un sprite este o colecție de imagini combinate într-o singură imagine. Pentru a crea site-uri web sunt folosite diverse instrumente software. Folosind CSS, puteți accesa secțiunea necesară a unei imagini mari și o plasați în locul potrivit pe site.
Sprite-urile ajută la accelerarea încărcării, dar trebuie remarcat faptul că lucrul cu ele este adesea dificil. Pentru a face chiar și o mică modificare a unui sprite, va trebui să faceți o modificare însoțitoare în CSS.
În instrumente moderne pentru construirea de proiecte JS (
Constând din pagini html statice (htm, dhtml, xhtml) care alcătuiesc un singur întreg. Conține (sub formă de cod HTML) text, imagini, conținut multimedia (audio, video) și etichete HTML. Etichetele sunt atât servicii, destinate browserului, cât și destinate plasării, formării aspectului și afișarii informațiilor. Toate modificările site-ului se fac la codul sursă al documentelor (paginilor) site-ului, pentru care trebuie să aveți acces la fișierele de pe serverul web.
Avantaje și dezavantaje
Avantaje
- Nu este necesar să cunoașteți limbaje de programare web pentru a crea o pagină.
- Cache bună a paginii.
- Viteză rapidă de încărcare a paginii.
- Cerințe minime pentru un server web și încărcare minimă pe acesta.
- Ușurință de transfer pe alt server sau computer local.
- Posibilitatea de a vizualiza direct fișierul în browser, fără a utiliza middleware (server web, CGI).
Defecte
- Incapacitatea de a genera dinamic conținut.
- Imposibilitatea suportului total pentru vizitatori (alegerea aspectului, cookie-uri).
- Pentru a umple site-ul cu informații, trebuie să accesați paginile de fișiere prin FTP sau scripturi web terțe care vă permit să editați pagini.
- Cu un număr mare de pagini (fișiere), dacă devine necesară efectuarea aceluiași tip de modificări (design, layout, adăugarea de noi secțiuni), trebuie să se folosească software terță parte (utilități).
Utilizare modernă
- Site cărți de vizită – conține cele mai generale date despre proprietarul site-ului (organizație sau antreprenor individual). Tip de activitate, istoric, lista de preturi, detalii de contact, detalii, indicatii de orientare. Profesioniștii își postează CV-urile. Aceasta este o carte de vizită detaliată.
- Catalog de produse - catalogul conține o descriere detaliată a bunurilor/serviciilor, certificate, date tehnice și de consum, recenzii ale experților etc. Astfel de site-uri conțin informații despre bunuri/servicii care nu pot fi plasate în lista de prețuri.
- Paginile de pornire ale utilizatorului.
De asemenea, paginile statice sunt adesea folosite ca șabloane dinamice de site.
