2. (htaccess dari HTML5Boilerplate (
http://html5boilerplate.com/ ). Ini yg harus pertama dilakukan, krn mengubah skor PageSpeed dari 34 menjadi 87!!!). stlh sy ikutin malah server error (Error 500), sy check di error.log kebykan seperti ini Invalid command 'AddOutputFilterByType', perhaps misspelled or defined by a module not included in the server configuration. Sy sudah coba beberapa dari internet, sy coba remove yg error & di combine dari sumber lain.
— Jawab —
System → Settings → Edit Store → Tab:SERVER » GZIP Compression. Coba ganti ke 0, masih muncul gk errornya.
Klu muncul di localhost, bisa jadi servernya blm ada gzip compressionnya. Klu di remote, biasanya server sdh ada gzip compression.
3. CSS Sprite (untuk yg satu ini sy kurang paham maksudnya, edit catalog\view\theme\*data*\stylesheet\stylesheet.css) maksudnya mengunakan css generator untuk membuat icon yang nanti digunakan di stylesheet.css??
— Jawab —
Prinsipnya, semua image2 yang sering dipakai — terutama icon/image yg kecil2 — dijadikan 1 image PNG.
Klu icon, bisa pakai Icon Font dimana semua icon digabung.
CSS Sprite Generator →
http://spritegen.website-performance.org/
4.Minify sy coba menggunakan yg version 2.1.3 karena yg baru sb coba selalu tidak bisa error "This application is not enabled ' *open website Minify*' ", untuk js di header.tpl sy bisa combine 11 dari 13 js (kalo 13 ada yg error seperti price range hilang, khususnya combine dgn jquery-1.*.*.min.js), untuk css (9) sy coba combine baik 2-5 semua error (hasilnya seperti css tidak di pakai, berantakan semua turun ke bawah ul & li ).
— Jawab —
Prinsipnya semua JS atau CSS klu bisa sekali panggil. Jadi bbrp JS dan CSS bisa digabung. Khusus untuk JS agak hati2 krn harus berurutan.
Klu pakai compiler seperti Codekit (kodekit.com) akan lebih mudah.
Contoh urutan panggilan JS:
Javascripts/jquery-1.7.1.min.js
Javascripts/jquery-ui-1.8.16.custom.min.js
Javascripts/jquery-ui-timepicker-addon.js
Javascripts/jquery.total-storage.min.js
Javascripts/jquery.cycle.js
Javascripts/jquery.flexslider-min.js
Javascripts/slick.min.js
Javascripts/jquery.placeholder.min.js
Javascripts/jquery.colorbox-min.js
Javascripts/tabs.js
5.GZIP Compression, untuk yg satu ini sy hanya mengubah di settingan admin (compression dari 0 menjadi 4-6).
— Jawab —
Iya, tapi servernya jg harus ada fitur GZIP Compressionnya
6. Mendelete beberapa blank/white space (CSS/JS).
— Jawab —
Klu pakai Compiler atau Code Editor yg modern, ini sdh otomatis
Contoh code editor modern seperti Sublime Text 3 atau Atom
7.Memindahkan css di atas & javascript di bwh. untuk js sy hanya bisa memindahkan sedikit, ad yg error kalo di pindahkan ke bawah di bagian header.
— Jawab —
Ya kadang tidak harus di footer krn ada bbrp error tadi.
9.Menambahkan Auto-Include width/height tags for images. seperti dari sumber :
http://forum.opencart.com/viewtopic.php?f=121&t=20057
— Jawab —
Ini terkait score di PageSpeed
10. sedang mencoba menerapkan
https://browserdiet.com/
— Jawab —
Referensi yang bagus.