Pretpostavimo da idete na putovanje i sve ste iscrtali na Google kartama . Odlučili ste izbjeći slikovitu rutu i smanjiti broj zaustavljanja.
Vaš krajnji cilj je ići od A do B što je brže moguće eliminirajući kašnjenja, izbjegavajući zaobilaznice i zaobilazeći područja s velikim prometom. Što brže stignete na odredište to bolje.
Ova potreba za brzinom upravo je ono što Ubrzajte svoje web mjesto webmasteri i vlasnici web stranica žele učiniti kada sažimaju slike i minimiziraju CSS i HTML kodiranje.
[Tweet “Ubrzajte svoje web stranice – smanjite CSS i HTML kodiranje! Saznajte više…”]
Ove gore navedene izmjene, koliko god male bile, jednostavna su rješenja koja štede više bajtova podataka.
Što znači “minificiranje”?
Umanjivanje pomaže ubrzati vrijeme preuzimanja web stranice i smanjiti vrijeme analize, što pojednostavljuje način na koji poslužitelji čitaju i/ili tumače simbole unutar CSS i HTML kodiranja na određenom web mjestu.
Brojni vlasnici web-mjesta odriču se ovih promjena jednostavno zato što ne slijede najbolju praksu dizajna i održavanja web-mjesta.
U drugim slučajevima, to je zato što ne razumiju kako male promjene čine veliku razliku u vremenu preuzimanja. Međutim, ove promjene, zajedno sa kondenzacijom slika, imaju stvaran i mjerljiv utjecaj na vrijeme odgovora poslužitelja.
Google je uvijek smatrao brzinu web stranice važnim Ubrzajte svoje web mjesto pokazateljem upotrebljivosti. Što se određena stranica brže učitava, to je korisničko iskustvo bolje.
Na kraju, posjetitelji ne žele besciljno čekati da se web stranice sporo učitavaju.
To samo frustrira posjetitelje i tjera ih kupite popis brojeva za emitiranje poslovnog faksa da odu. Dakle, što je uključeno u sažimanje slika i smanjivanje HTML i CSS kodiranja?
Sažimanje slika
Postoji više online alata koji vam omogućuju Ubrzajte svoje web mjesto sažimanje, optimiziranje i/ili promjenu veličine određene JPG, GIF i/ili PNG slike. Web-mjesta kao što su imageoptimiser.net , jpegmini.com i compressnow.com omogućuju vam učitavanje date slike i njeno sažimanje.
Time se web stranica brže učitava povećanjem propusnosti i smanjenjem ukupne veličine slika.
Zapravo, compressnow.com vam omogućuje da odaberete koliko vam je kompresije u postotku potrebno kako biste optimizirali rezultate.
Usporedba između izvorne datoteke i komprimirane verzije. Izvorna veličina datoteke od 486,28 kb smanjena je na samo 128,53 kb, bez previše degradacije
Učinjeno ispravno, sažimanje i/ili sažimanje ne bi Ubrzajte svoje web mjesto trebalo utjecati na cjelovitost same slike. Jednostavno smanjuje svoju veličinu tako da zauzima manje prostora i lakše ga je preuzeti.
Kada unesete određenu sliku na bilo koju od gore navedenih web stranica, dobit ćete rezultat usporedbe prije i nakon kompresije, što vam omogućuje kvantificiranje prednosti.
Vaša će slika imati jedan skup početnih svojstava koja definiraju broj kilobajta (KB) i drugi skup svojstava nakon promjene veličine.
Na primjer, možda imate sliku čija su svojstva 81,0 KB prije promjene Ubrzajte svoje web mjesto veličine i 10,5 KB nakon toga, što je značajno smanjenje u kilobajtima podataka.
Ako to učinite za sve slike na vašem web-mjestu i/ili na određenoj stranici, bitno ćete poboljšati vrijeme preuzimanja.
Kompresija i degradacija slike
Kompresija slika štedi podatke, ali važno je obratiti veliku pozornost na komprimiranje infografika i/ili slika stvorenih pomoću Microsoftovog SmartArt-a i/ili excela.
Previše sažimanja ovih slika ponekad znači degradaciju Ubrzajte svoje web mjesto infografike ili same slike. U konačnici, želite da ove vrste slika budu dovoljno sažete kako bi uštedjele podatke, ali ne toliko da utječu na čitljivost.
Minificiranje HTML-a i CSS-a
Vratimo se na onaj prije spomenuti primjer putovanja. Želimo izbjeći nepotrebna zaustavljanja i područja s velikim prometom kako bismo pronašli najbrži put do odredišta.
HTML i CSS kodiranje vaše web stranice pružaju poslužiteljima taj najvažniji putokaz. Međutim, uobičajeno je da HTML kodiranje i CSS kodiranje imaju praznine i/ili beskorisne simbole.
Nepotrebni znakovi, komentari i simboli uklanjaju se kada smanjite određeni HTML kod ili CSS kod. Umanjivanje ne smanjuje funkcionalnost vaše web stranice – umjesto toga, čini kodiranje lakšim za čitanje.
CSS kodiranje nalazi se u tablicama stilova vaše web kako stvoriti plaćeni promet za svoju tvrtku stranice ili bloga. Nepotreban razmak, razdjelnici blokova i/ili beskorisni znakovi uklanjaju se minimiziranjem. To vas ostavlja sa sažetim kodom bez praznina ili beskorisnih simbola.
Umanjivanje HTML i CSS kodova povećava Ubrzajte cn brojevi svoje web mjesto brzinu stranice i vrijeme preuzimanja čineći kod lakšim za čitanje i jednostavnijim za tumačenje.