Handyshop
1,0 s
LCP
O projektu
Handyshop je web trgovina opremom za mobitele i tablete: maske, zaštitna stakla, punjači, slušalice. Trgovinu sam izradio na premium WordPress/WooCommerce temi i od tada je redovno održavam, pratim i dorađujem.
Opseg posla
- izrada web trgovine na premium WordPress/WooCommerce temi
- redovno održavanje i nadogradnje
- migracije na nove servere
- redovno praćenje i optimizacija rada trgovine i njezinih performansi
- integracije s dostavnim službama i paketomatima
- custom dorade prema potrebi
Izmjerena brzina
Katalog ima više od 64.000 fotografija proizvoda, pa je brzina ovdje stalan posao. Ovo su rezultati nakon optimizacije.
| Mjera | Rezultat | Izvor |
|---|---|---|
| Performance score | 98 | Lighthouse (Chrome DevTools) |
| LCP | 1,0 s | Lighthouse (Chrome DevTools) |
| Total Blocking Time | 0 ms | Lighthouse (Chrome DevTools) |
| Cumulative Layout Shift | 0,007 | Lighthouse (Chrome DevTools) |
| LCP | 1,7 s | WebPageTest |
Što je napravljeno za brzinu
- Revolution Slider uklonjen i zamijenjen laganim sliderom čiji se slajdovi dodaju iz postavki početne stranice
- baza očišćena od tisuća starih revizija, postova i transienta
- skripte i stilovi komprimirani, a third-party skripte (analytics, GTM) učitavaju se naknadno
- optimizirano 64.310 fotografija: iz JPG/PNG od 6.717 MB u WebP od 1.569 MB, ušteda od 77 %
- iz WordPressa i teme uklonjeno sve što nije potrebno za rad trgovine
- WP Rocket s keširanjem na svim razinama, osim košarice, naplate i korisničkog računa
Stack
WordPress, WooCommerce, WP Rocket, WebP