Tajne optimizacije novinskih projekata za tražilice. Gdje pronaći statične URL-ove za zamjenu PHP koda

Vjerojatno već znate kako promovirati web stranicu u tražilice, stranicu je potrebno optimizirati. U ovom ću članku govoriti o tome kako to izvesti osnovni SEO sami optimizirate stranicu. Važno je razumjeti da je ovaj primjer optimizacije samo osnovni. Vrlo često je potrebno detaljno pogledati stranicu i izvršiti pojedinačnu optimizaciju stranice, jer neke stvari ovise o tome kako je stranica izgrađena. Ići!

Optimizacija WordPress predloška

Izvršit ćemo osnovnu SEO optimizaciju predloška za vašu web stranicu.

Sve ćemo napraviti potpuno sami i to u samo jednom danu

Osnove SEO-a WordPress optimizacija Predložak treba osigurati da u oznakama naslova H1-h6 nema nepotrebnih i neželjenih tekstova. To se obično događa kada se predložak kupi gotov oblik, primjerice u trgovini Templateonster. Možda je činjenica da programeri predložaka nisu upoznati sa SEO - to je sasvim normalno. Stoga, prva stvar koju trebate učiniti je optimizirati svoje naslovne oznake.

WordPress stranice temelje se na predlošcima, pa je prva stvar koju trebate učiniti optimizirati predložak. Svaka stranica stranice mora sadržavati oznaku, koja je obično naslov stranice. Također se preporučuje da tekst bude prisutan na stranici u oznakama , , , , . Stoga je potrebno koristiti ove oznake u WordPress predlošcima i u tekstovima stranica.

Optimiziranje predloška header.php

Predložak header.php obično sadrži naziv stranice, koji je naslov glavne stranice. Naslov stranice uključen početna stranica treba biti okružen oznakama, poput ove:

Tako će na glavnoj stranici naslov stranice biti uokviren tagovima, a na svim ostalim stranicama naslov će biti u obliku poveznice na glavnu stranicu.

Optimiziranje predloška index.php

Ako se prikaže početna stranica vašeg web-mjesta posljednje note, tada preporučujemo da nazive unosa uključite u oznake.

Trebat će ih zamijeniti statičnim naslovom i opisom. Ako iznenada, nakon spremanja ovoga, umjesto ruskih slova izađu bezvezni znakovi (pročitajte o kodiranju ruskog jezika i problemima koji nastaju s njima), zatim ponovno otvorite datoteku za uređivanje u Notepad++ (njezin opis ostaje), odaberite "Kodiranje ” iz gornjeg izbornika - “ Pretvori u UTF-8 bez BOM-a" i zatim ponovno spremite datoteku.

Ako također imate opis gornjeg izbornika u HEADER-u, tada tamo možete ručno unijeti poveznicu na glavnu stranicu, zamjenjujući dinamički kod za generiranje ove veze. U izvorniku bi ovaj redak koda mogao izgledati ovako:

upite u sekundi.

Kao rezultat toga, nakon učitavanja stranice, na samom dnu (u području podnožja), vidjet ćete koliko je poziva upućeno bazi podataka:

Napomena: aktivirana je adaptivna verzija stranice koja se automatski prilagođava maloj veličini vašeg preglednika i skriva neke detalje stranice radi lakšeg čitanja. Uživajte u gledanju!

Zdravo. Danas ćemo nastaviti s temom optimizacije HTML izgleda web stranica koju smo započeli u članku o tome.

Prvo shvatimo zašto je to važno, a zatim prijeđimo na praktične savjete.

Ispravno izrađen (dizajniran) predložak web stranice:

• Može značajno ubrzati učitavanje stranice (pogotovo ako je sve prije bilo pokrenuto);
• Olakšava vašim stranicama da dođu na TOP Rezultati pretraživanja(ne samo zbog brzog učitavanja);
• To će povećati vaše šanse za potpunu kompatibilnost s više preglednika, odnosno stranica će se jednako ispravno prikazivati ​​u svim preglednicima;
• To će dati malo jamstvo da nakon mnogo godina nećete morati redizajnirati svoje stranice za nove preglednike (ili za nove verzije starih preglednika).

Predlažem da prijeđete s jednostavnih stvari na zanimljivije.

1. dio: Slijedite HTML i CSS standarde

Za svaki slučaj, reći ću da osim HTML-a i CSS-a, možemo optimizirati i JS i PHP dijelove naših stranica, koji zahtijevaju više resursa i značajno usporavaju brzinu učitavanja stranice. Međutim, osim brzine učitavanja stranica, JS i PHP komponente ni na koji način ne utječu na promociju stranice (sve dok je ne pokvare), za razliku od HTML oznake, odnosno predloška stranice.

1.1 Uvijek zatvorite oznake.

Uključujući i one koje ne treba zatvoriti, čak i ako mrzite XHTML standard, bolje je pridržavati se ovog pravila. Primjer:

• Stavka popisa
• Stavka popisa
• Stavka popisa

Svaka li oznaka je zatvorena, iako to nije potrebno.

1.2 Pripazite na ispravno ugniježđivanje oznaka.

Po principu: prvi otvara, zadnji zatvara. Primjer kako je to pogrešno:

tekst

Kako ispravno:

tekst

1.3 Nikada nemojte pisati CSS i JS unutar HTML rasporeda i atributa oznaka.

Nikada! Drugim riječima, zaboravite na postojanje atributa stila i oznake stila:

tekst

p( boja:crvena; veličina fonta:20px; poravnanje teksta:centar)

Opišite sve stilove u zasebnoj .css datoteci

Atribut stila možete koristiti samo tako da ga dinamički renderirate koristeći JavaScript za neku radnju. Na primjer, ako klikom na sliku trebate promijeniti boju cijelog teksta na stranici, tada samo u tom slučaju možete dinamički stvoriti atribut stila s potrebnim vrijednostima za željenu oznaku (u ovom primjeru, za tijelo). Zašto? Budući da ga roboti za pretraživanje ionako neće vidjeti i nitko (uključujući korisnike) neće preuzeti dodatni kod, jer se radnja događa nakon što se stranica u potpunosti učita.

Međutim, u takvim slučajevima ipak bih preporučio dodavanje unaprijed definirane CSS klase željenoj oznaci umjesto dodavanja stilskog atributa. Ovo je barem prikladnije za kasnije uređivanje.

Isto vrijedi i za JS; sav JS kod bi trebao biti u zasebnoj datoteci, a ne unutar vašeg izgleda ili, još gore, među atributima oznaka.

1.4 Zaboravite na Caps Lock i velika slova.

Napišite sve oznake, atribute i njihova značenja malim (malim) slovima, isto vrijedi i za CSS style sheets.

Gotovo sve gore opisano nalazi se u službenoj HTML i CSS specifikaciji i odnosi se na valjanost dokumenta.

Dakle, moram napomenuti da pridržavanjem W3C standarda, odnosno održavanjem valjanosti dokumenta, dobivate sljedeće SEO prednosti:

• Čist kod, a time i dodatno povjerenje tražilica u vašu stranicu;
• Brže učitavanje stranice, budući da preglednik ne mora gubiti vrijeme na otklanjanje pogrešaka u nevažećem dokumentu.

No, ne treba se fokusirati na valjanost, treba je se nastojati što više pridržavati, ali ne nauštrb svega ostalog (vremena, funkcionalnosti itd.).

Dio 2. Ubrzavanje učitavanja stranice - jedan od faktora rangiranja 2.1 Navedite stvarne veličine slike.

Ovdje se radi o dvije stvari:

• Svakako uključite atribute širine i visine za img oznaku: To će ubrzati učitavanje slika jer će preglednik unaprijed znati koju veličinu prikazati.
• Svakako umetnite sliku iste veličine kao što je navedeno u atributima.

Ako je slika veća nego što vam je potrebno, nema potrebe štedjeti vrijeme smanjivanjem pomoću HTML-a ili CSS-a. Odvojite vrijeme da uđete u Photoshop ili njegove ekvivalente i smanjite sliku na veličinu koju želite vidjeti na stranici, to može značajno ubrzati učitavanje stranice.

2.2 Koristite CSS3 umjesto JS-a.

JS može znatno usporiti učitavanje vaših stranica, a također i nastaviti stvarati opterećenje nakon što se stranica učita (razni efekti, kao što je ticker i druge dinamičke stvari), što može usporiti preglednik dok je kartica sa web stranicom otvorena .

Danas se mnogi lijepi i zanimljivi efekti mogu postići samo upotrebom svojstava CSS3 (primjerice, prijelaz, sjena okvira, radijus granice, neprozirnost, transformacija, veličina pozadine) i vještim .

Sve navedeno može se sažeti u jednu rečenicu: gdje god možete (sumnjate kako) zamijeniti JS sa CSS3, koristite CSS3 bez oklijevanja! Da biste pronašli takve fragmente, savjetujem vam da istražite nove značajke CSS3.

2.3 Manje Photoshopa - više CSS-a 3.

Ovaj moto već dugo koriste mnogi webmasteri. Možete stvoriti prekrasne gumbe i elemente dizajna s glatkim prijelazima, mekim kutovima, sjenama (unutarnjim i vanjskim) i prekrasnim tekstom na vrhu samo pomoću CSS-a. Gdje god možete zamijeniti elemente grafičkog dizajna CSS kodom - učinite to! Primjer:

Ili moj gumb "Pretplati se!" na kraju svakog članka. Usput, ne zaboravite se pretplatiti na obavijesti o novim korisnim člancima, bez neželjene pošte ili oglašavanja.

Uz gore navedena svojstva CSS3, također imate pristup RGBA formatu opisa boja.

Za stvaranje gradijenta za više preglednika pomoću CSS-a možete koristiti besplatne usluge poput ove s colorzilla.com.

2.4 Kombinirajte slike u CSS spriteove.

One slike koje nismo mogli nacrtati koristeći CSS 3 moramo spojiti u jednu sliku (idealno). Ovo je neophodno kako bi se smanjio broj zahtjeva prema poslužitelju prilikom učitavanja stranice. Ova stavka može značajno smanjiti opterećenje vašeg web poslužitelja, a istovremeno ubrzati učitavanje stranica, dvije muhe jednim udarcem!

Da biste bolje razumjeli o čemu govorim, samo pogledajte moj CSS sprite:

Nije loše, zar ne? Postoji jedna pozadinska slika za sve elemente, mi je samo premjestimo i zamijenimo željeni dio slike u pozadinu određenog elementa zahvaljujući svojstvu background-position, na primjer, ovako:

#subs,#left,.mail,.rss,.vk(background:url(/images/1.png) no-repeat) #subs(background-position: -28px -120px;) #left(background-position: -35px -20px;) .mail(pozadina-pozicija: -43px -50px;) .rss(pozadina-položaj: -12px -8px;) .vk(pozadina-pozicija: -34px -56px;)

Najbolje bi bilo napraviti sprite ručno u Photoshopu, no to vam se može činiti prilično kompliciranim, pa možete koristiti besplatne servise koji će učiniti sve za vas, čak i napisati CSS kod za vas. Moj omiljeni servis je SpriteMe. Ali neću se umoriti od ponavljanja: uvijek je bolje sve raditi ručno, posebno, na ovaj način sprite može ispasti mnogo kompaktniji (po veličini, a time i po težini), a time i učinkovitiji.

2.5 Ispravno postavite JS datoteke.

Sve JS datoteke koje uključuje vaša web-lokacija trebaju biti smještene što je moguće niže u kodu; ne morate ih uključiti unutar "head" stranice (između head oznaka) - to značajno usporava učitavanje stranice. Najviše najbolja opcija uključit će JS datoteke prije završne oznake tijela, odnosno na samom dnu stranice, nema nigdje niže.

I još jedan vrlo koristan savjet: u idealnom slučaju, sve vaše JS datoteke trebate spojiti u jednu, odnosno izrezati (Ctrl + X) kod iz svih datoteka i kopirati ga u jednu, tako da na kraju imate jedan na dnu, prije završne oznake tijela jedna datoteka:

...

Ovo može znatno ubrzati učitavanje vaših stranica jer će smanjiti broj zahtjeva prema vašem web poslužitelju. Postavljanje JS datoteke na dno stranice odgodit će njeno učitavanje i obradu, što će ubrzati ispis glavnog dijela stranice. I ne zaboravite skratiti (komprimirati) svoju konačnu JS datoteku.

2.6 Ispravno postavite CSS datoteke.

CSS datoteku, koja bi, usput, također trebala biti jedna i jedina (iz istih razloga), potrebno je postaviti u suprotnom smjeru koda, što je više moguće!

Ali ne morate ga staviti iznad oznake naslova, on je najvažniji za SEO i bolje ga je ostaviti na samom vrhu. Osobno, CSS datoteku uključujem odmah nakon oznake naslova i svih meta oznaka, a nakon nje možete spojiti npr. favicon (ikona web stranice u kartici preglednika) itd.

Dio 3. Ispravan izgled SEO izgleda 3.1 Navigacijski kod web stranice.

Sva navigacija web-mjesta (izbornici, putevi, popisi proizvođača u online trgovinama, itd.) trebala bi biti implementirana pomoću nenumeriranih popisa (ul, li oznake), a ne pomoću div i a oznaka.

Prvo, pisanje izbornika na ovaj način smatra se dobrim oblikom, a drugo, tražilicama će biti lakše razumjeti gdje i kako je raspoređena vaša navigacija, budući da su navikli na dizajne s nenumeriranim popisima, a ne na blokove s nepromišljenim popisom poveznica. Primjer kako to učiniti ispravno:

• stavka izbornika 1
• stavka izbornika 2
• stavka izbornika 3

3.1.1 Suptilnosti horizontalnog izbornika.

Ako trebate implementirati horizontalni izbornik, želim vam dati 2 besplatna savjeta:

• Nikada nemojte koristiti float CSS svojstvo za ovo (plutajuće, uzrokuje omotavanje drugih elemenata oko njega), umjesto toga koristite sljedeći kod: ul.menu li(display:inline-block;)
• Kod ne mora svaku novu stavku izbornika započeti u novom retku, kao u gornjem primjeru. Bolje je napisati sve u jednom retku i prilagoditi udaljenost između stavki pomoću margine. Primjer:

ul.menu li( display:inline-block; margin:0 5px; )

• stavka izbornika 1
• stavka izbornika 2
• stavka izbornika 3

Prijelom retka u HTML-u jednak je razmaku, to jest, ako stavite Enter u kod između stavki izbornika, tada će korisnici imati razmake između njih na stranici web-mjesta. Što nije u redu s tim? Svaki preglednik može imati različitu širinu bijelog prostora, a neki ga mogu potpuno zanemariti. Kao rezultat toga, vaša će stranica svugdje izgledati drugačije, a ponekad (iz mog vlastitog iskustva) to čak može ozbiljno narušiti dizajn.

Stoga imam svoje pravilo pri dizajniranju: ne smije biti razmaka ili prijeloma redaka između bilo kojih (ne samo izbornika) inline-block elemenata! U isto vrijeme, to je beznačajno, ali smanjuje ukupnu težinu vaših stranica, jer kao što sam već napisao: 1 znak (uključujući razmake i prijelome redaka) = +1 bajt na težinu vaših stranica.

3.2 Alt atribut za slike

Svakako uključite atribut alt u oznaku img:

Prvo, ovo je potrebno ako želite proći provjeru valjanosti (baš u XHTML-u, ne sjećam se HTML-a, na ovaj ili onaj način uvijek se trebate pridržavati strogih XHTML standarda), drugo, ako se slika ne učita, onda korisnik umjesto Slika će barem prikazati tekst napisan u alt (o čemu se radi). Treće, to će povećati šanse da se vaše slike uključe u pretraživanja slika s Googlea i Yandexa, što može privući dodatne posjetitelje na vašu stranicu.

I posljednja stvar: riječi navedene u alt atributu uzimaju se u obzir prilikom rangiranja vaše stranice, što znači da tamo možete staviti ključne riječi, ali ni u kojem slučaju ne pretjerujte, bolje je stvoriti alt za ljude, samo povremeno umetajući ključne riječi tamo .

Ako su svi vaši alt atributi ispunjeni istim ključnim riječima, onda svakako očekujte kazne.

3.3 Maksimalno koristite HTML zaglavlja h1-h6.

h1 je najveći i najvažniji naslov i trebao bi sadržavati naziv vaše trenutne stranice. Dok je h6 najmanji i najmanje značajan naslov. Mnogi SEO stručnjaci snažno preporučuju korištenje naslova h1 samo jednom na stranici, što je i logično. Preostale naslove možete koristiti neograničeni broj puta, sve dok ih koristite mudro.

Sama prisutnost HTML zaglavlja u izgledu vaše web stranice već je plus za promociju tražilice, a vješto postavljanje može udvostručiti rezultat. Evo što sam Yandex piše o tome.

Uredno dizajnirane i strukturirane stranice najatraktivnije su korisniku, uvelike olakšavaju pronalaženje potrebnih informacija.

Prilikom rangiranja ne uzima se u obzir samo formalna usklađenost s tekstom zahtjeva, cjelovitost prezentiranih informacija i njihova relevantnost, već i način na koji su strukturirani i prezentirani.

Mislim da ste se već uvjerili u važnost naslova pri izradi izgleda, ali ne morate pokušavati staviti sve moguće ključne riječi u naslove (iako to ponekad radim sam) radilo je prije, ali sada više neće . Naslove treba koristiti radi korisničke navigacije, a ne radi manipuliranja relevantnošću.

Osobno sve podnaslove unutar članka prilažem u h2, podnaslove podnaslova u h3, a male podnaslove u h4. Ispod svakog članka nalazi se obrazac za pretplatu i blok s gumbima društvene mreže, njihova sam imena priložio u h6. U desnom stupcu stranice nazivi odjeljaka ograđeni su slovom h5.

Kao što vidite, maksimalno koristim HTML zaglavlja, a logika mi automatski govori da sve posložim odozgo prema dolje u kodu. Iako je za potpunu idilu bilo potrebno zamijeniti naslove h6 i h5, ali to bi bilo previše pedantno :) i ne toliko bitno.

3.4 Brze poveznice do stranice.

Nastavljajući temu naslova, želim govoriti o važnosti h1 i kako ga pravilno napisati. Prvo, toplo preporučujem da ga koristite samo 1 put po stranici! Pratite to u svom CMS-u. Drugo, h1 ima veliki učinak na SEO (na drugom mjestu nakon naslova), ali savjetujem vam da duplicirate tekst iz naslova u h1.

Yandex piše:

Kako bi Yandex ispravno istaknuo brze veze, tekst u oznaci za ključne stranice mora odgovarati njenom nazivu (s naslovom stranice, istaknutim, na primjer, oznakom) i s tekstovima veza koje upućuju na ovu stranicu.

3.5 Koristite sve mogućnosti oblikovanja teksta.

Već smo saznali da tražilice vole stranice koje imaju jasnu, razumljivu i ispravnu strukturu. Stoga, osim zaglavlja, trebali biste koristiti što više drugih značajki:

• Koristite numerirane i nenumerirane liste (ul, ol);
• Uključite glavni tekst ne u div oznake, već u oznake odlomaka: p;
• Tekst popratiti slikama i video zapisima;
• Crtanje HTML tablica;
• Koristite (umjereno!) logične oznake za isticanje teksta: strong, em, u.

3.6 Mudro koristite ključne riječi i meta oznake opisa.

U opisu napišite na pristupačnom jeziku o čemu se radi na vašoj stranici, ne morate se truditi uključiti što više u nju ključne riječi. Napravite opis za ljude, mislite samo na ovo, inače možete samo sebi naškoditi pretjeranom optimizacijom. Isto se odnosi i na meta oznaku ključnih riječi. Ovdje je službena stranica Yandexa koja vam govori kako pravilno napisati meta-opis stranice: pročitajte u novom prozoru.

Imajte na umu: nemojte koristiti nepotrebne meta oznake (ovo je besmisleno), najviše tri: ključne riječi, opis i meta oznaka za označavanje kodiranja stranice:

Ako ih vaš CMS generira više (Autor, Generator itd.), slobodno ih izbrišite! Stranica ne smije sadržavati nepotrebno smeće, kako u tekstu tako iu kodu.

3.7 Optimizirajte svoj kod.

Nakon što dovršite svoje web mjesto, razmislite o tome kako biste mogli smanjiti HTML označavanje, na primjer upotrebom , a također zabilježite rade li sve vaše oznake nešto. Ako nema CSS svojstava primijenjenih na oznaku, zašto ste je onda dodali? Da biste to provjerili, upotrijebite . Često početnici stvaraju mnogo dodatnih div oznaka. Provjerite, što manje koda to bolje!

3.8 Skratite kod.

Nakon što je sav posao dovršen, skratite svoj HTML, CSS i JS kod. Kako skratiti? Zapiši sve u jedan red, ovo će biti idealno. I ovo nije šala, uklonite sve razmake između oznaka i sve prijelome redaka u HTML izgledu! Kada pritisnete Ctrl + U u pregledniku, trebali biste vidjeti jednu kontinuiranu liniju.

Napisao sam ovu točku u SEO dijelu s razlogom, jer odsutnost kartica, prijeloma redaka i dodatnih razmaka u HTML rasporedu pomaže robotima za pretraživanje da brže obrade glavni tekst stranice.

Najlakši način da skratite CSS i JS je putem posebnih usluga; za JS možete koristiti, na primjer, Closure Compiler iz Googlea (budite oprezni, nakon optimizacije vaš kod možda više neće raditi); za CSS je prikladan csscompressor.com, ali ja obično koristim jedan servis (za JS i CSS), o tome na samom kraju članka.

Dio 4. Nastavljamo optimizirati izgled stranice za tražilice 4.1 Što je viši glavni tekst, to je viša pozicija u tražilicama.

2 parametra su važna:

• Koliko dugo korisnik treba skrolati (scrollati) stranicu do relevantnog (prema tražilicama) sadržaja;
• Koliko visoko u kodu (blizu početka) je relevantan sadržaj.

A ako druga točka najvjerojatnije ne utječe uvelike na položaj, onda je prvoj točki svakako vrijedno obratiti pozornost prilikom izgradnje strukture i dizajna stranice.

Yandex piše:

• Glavna suština dokumenta trebala bi biti jasna na prvom ekranu preglednika.
• Nije preporučljivo koristiti elemente dizajna koji korisnicima čine pristup tekstu neočitim - prozori koji se pomiču, skriveni padajući blokovi itd.

Google također ima poseban algoritam koji se zove , koji određuje koliko daleko morate skrolati svoju stranicu da biste došli do korisnog (relevantnog za upit) dijela stranice. Sljedeća slika ilustrira djelovanje ovog algoritma; algoritam provjerava prosječnu rezoluciju zaslona (1024*768):

Također, obje tražilice jako paze na broj reklama i bannera na prvom ekranu preglednika.

Upamtite, što dulje traje skrolanje stranice do glavnog sadržaja, to će mu se dati manja prednost u odnosu na konkurente čiji je glavni dio teksta vidljiv na samom početku stranice.

Par korisnih savjeta po ovom pitanju:

• Neka visina zaglavlja stranice bude što manja (primjer kako ne treba: ovaj blog);
• Pokušajte ne pretrpavati web mjesto oglašavanjem;
• Ako u rasporedu s dva stupca ne možete odlučiti želite li postaviti dodatni stupac desno ili lijevo od glavnog stupca, uvijek ga postavite desno. Roboti za pretraživanje, poput ljudi, gledaju vašu stranicu slijeva nadesno, što znači da je bolje da je glavni sadržaj s lijeve strane!

Sada malo o drugoj točki. Na ovom blogu prije ispisa glavnog dijela, odnosno teksta članaka, nalazi se točno jedan redak koda (iako dugačak), drugi redak je početak prvog paragrafa članka. Kao što sam već danas napisao: idealno bi bilo da cijeli sajt bude jedan red, a poželjno je da glavni tekst bude što bliže početku.

Postoji još jedan trik u vezi ovoga. Na primjer, imamo 2 stupca stranice - glavni i dodatni. U isto vrijeme, unatoč SEO-u, stvarno želimo da dodatni stupac bude s lijeve strane, u tome nema ništa fatalno. Međutim, u ovom slučaju, sav kod i sve informacije iz dodatnog stupca (lijevo) bit će višeg koda od glavnog dijela, i to možemo popraviti!

Za ovo ćemo koristiti CSS svojstvo float. Prilikom izrade HTML izgleda glavni stupac (desno) postavit ćemo lijevo od dodatnog (iznad koda):

Glavni dio stranice. Dodatni stupac s lijeve strane.

Sada ih zamijenimo pomoću CSS-a:

#text(float:right;) #left(float:left;) .clear(clear:both;) /* nema prelamanja */

Mislim da ste shvatili. Mogao bih izostaviti treće retke u oba fragmenta koda, budući da su to detalji izgleda koji su izvan opsega ovog članka. Međutim, ovaj savjet pomoći će u smanjenju mogućih problema za dizajnere izgleda početnika, posebno one koji su prvi put čuli za CSS svojstvo float, a još više tako jasno.

Dio 5. Google Page Speed

Google Page Speed ​​​​je prekrasna internetska usluga od Googlea, kao i dodatak za Chrome i Mozilla, koji će vam postati nezamjenjiv pomoćnik pri analizi vašeg HTML + CSS predloška web stranice. On će vam reći sve nedostatke i, što je važno, dati konkretna rješenja.

To je također usluga koju volim koristiti za skraćivanje HTML, JS i CSS koda, nakon njezine upotrebe zajamčena je 100% izvedba.

Samo počnite raditi s Google Page Speed ​​​​i osjetno ćete poboljšati svoju razinu u pravilnoj optimizaciji predloška vaše web stranice na strani klijenta.

Hvala vam na pažnji. Ugodan dan i vidimo se!