Kako da optimizujem slike u Elementor-u (format, dimenzije, lazy load)?

Optimizacija slika u Elementor-u

Optimizacija slika je ključna za brzinu sajta, a WP Host kao najkvalitetniji i najbrži WordPress hosting u Srbiji dodatno poboljšava performanse zahvaljujući LiteSpeed serverima i NVMe SSD diskovima. Evo koraka za optimizaciju u Elementor-u (format, dimenzije, lazy load):

Format slika (WebP)

  • Koristite WebP format za bolju kompresiju i manje veličine datoteka bez gubitka kvaliteta.
  • WordPress automatski podržava WebP od verzije 5.8.; LiteSpeed serveri WP Host omogućavaju automatsku konverziju u WebP preko LiteSpeed Cache plugina.
  • Učitajte slike u WebP formatu direktno u Media Library ili koristite premium plugine iz biblioteke WP Host (preko 350 premium pluginova i tema, uključujući optimizatore slika).

Dimenzije slika

  1. U Elementor Image widgetu, odaberite sliku iz Media Library.
  2. U Content > Size postavite tačne dimenzije (npr. 1200x800px za hero slike) da izbegnete skaliranje.
  3. Pre učitavanja, optimizujte slike eksternim alatom (TinyPNG ili slično) i sačuvajte u rezoluciji koja odgovara prikazu na sajtu.

Lazy Load

  1. U Image widgetu, idite na Advanced > Motion Effects i uključite Lazy Load.
  2. Globalno: U Elementor > Settings > Experiments aktivirajte Improved Asset Loading za lazy loading svih slika.
  3. WP Host nudi integraciju sa Cloudflare-om za dodatno ubrzanje lazy loada.

Za napredniju optimizaciju, koristite premium plugine poput Smush ili EWWW iz biblioteke WP Host (besplatno dostupno uz WordPress hosting pakete). Testirajte brzinu sa GTmetrix ili PageSpeed Insights.

Nazad na bazu znanja

Prelaziš kod nas? Migracija je besplatna.

Naši eksperti će potpuno besplatno prebaciti tvoj postojeći sajt na naše servere.