Optimizacija WordPress sajta

Tehnički deo

Zašto je to bitno?

• SEO

• Klijenti žele brz sajt

• Posetioci žele brz sajt

• Klienti žele jeftin hosting

• Developer ima dobru stavku u portfoliu

• ?

GT METRIX 

https://gtmetrix.com/

Termini, termini

• Fully Loaded Time
• Total Page Size
• Requests

• Minification

• Render blocking CSS/JS

• Browser caching

• Redirects

• Image Optimisations

• Server response time

• Compression / Gzip

• Connection keep-alive

• TTFB

• CDN

Minifikacija i spajanje fajlova

• Manja veličina fajlova
• Manje uspostavljanja konekcija
• Efikasniji browser download
• Limit otvorenih konekcija manje izvestan
• WP?

Lokalno keširanje u browseru

• Browseri su pametni*

• Statički resursi se učitavaju sa sajta samo jednom

• .htaccess Magic & Cache Control Headers

*Internet Explorer?

Redirects

• Izbegavati kad god je to moguće
• Ne linkuj redirektovane strane
• Nikako više od jedne redirekcije
• WP?

Image Optimisations

• Losless kompresija
• Prave dimenzije slika
• Sprites za male slike
• Base64?
• WP?

Server-side

• Brzina parsovanja PHP-a

• Kompresija ka browseru (Gzip)

• Korišćenje već ostvarenih konekcija

• WP :(

Konkretan primer

(odlicno kodiran sajt)

Sve je to lepo,

ali kako JA to da uradim

• WordPress
• Keširanje - uvek koristiti
• Hosting
• CDN

Pluginovi za WP

Autoptimize

WP Rocket (paid)

W3 Total Cache

Breeze

Smush Image Compression and Optimization

EWWW Image Optimizer

Imsanity

?

Hosting za WP

• Novija verzija PHP-a 7+
• Resursi
• Administracija
• Podržane tehnologije
• Server-side keširanje

CloudFlare

• POP u Beogradu
• Manji bandwidth na serveru
• Keširanje statike
• Proxy mogućnosti
• Jednostavno za podesiti