Post by screenager8 » Thu Nov 08, 2012 5:48 pm

Sejauh ini:

1. .htaccess dari HTML5Boilerplate (http://html5boilerplate.com/). Ini yg harus pertama dilakukan, krn mengubah skor PageSpeed dari 34 menjadi 87!!!

2. CSS Sprite untuk image2 yg sering dipakai, seperti yg ada di folder /themes/default/images/

3. Ganti image menjadi DataUrl. Lihat pro-cons-nya, krn DataUrl tidak support IE7 ke bawah.

4. Semua image harus punya atribut HEIGHT & WIDTH. ada bbrp image Opencart yg gak ada, jadi harus utak-atik kode.

5. Compress semua image pakai Lossless, contoh pakai JPEGMini (http://www.jpegmini.com/). Problemnya, sewaktu Opencart resize image tsb, hasilnya tidak dikompresi dengan baik.

6. Gabung semua Javascript & CSS. Musti hati2 untuk combine JS dan CSS terutama mengenai uturannya. Hasilnya kalau bisa hanya 1 javascript dan 1 css. Banyak file javascript yg tidak dipakai tetapi ada di folder.

7. Minify Javascript & CSS. Kalau bisa pakai aplikasi, tetapi bisa jg pakai Google Minify (http://code.google.com/p/minify/).

8. GZIP Compression. Pastikan web hostingnya menyalakan modul ini.


Kalau dijalankan, skor PageSpeed bisa 90-95, dan skor YSlow bisa 91-96. Jangan lupa untuk mengecek di semua page... krn tiap page bisa saja ada treatment yg berbeda.

Ada yg mau menambahkan?

Image

Bukatoko.com | Cara mudah & cepat punya toko online!


User avatar
Active Member

Posts

Joined
Sat Nov 28, 2009 5:45 pm
Location - Jakarta, Indonesia

Post by dunks » Thu Nov 08, 2012 5:58 pm

Ada yg mau menambahkan?
Udah cukup lengkap om,, tinggal dishare,, atau di project di git biar kalo ada bug bisa rame2 kerjain :D smoga berkenan

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

Post by qahar » Fri Nov 09, 2012 7:25 am

screenager8 wrote:mau coba di themes standard opencart sekalian dokumentasi step2nya...
Request bro.. publish-nya di OpencartNews ya hehee... :)

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by dunks » Sun Nov 11, 2012 4:33 am

qahar wrote:Pakai Minify aja, jadi otomatis combine and compress css 1 request dan js 1 request.
Biar lebih maknyus gabungin .htaccess OpenCart dengan milik html5 boilerplate. Ini untuk memastikan expired header dan non etag sesuai standar.
ane coba combine sendiri dbantu minify dilocal trus ane terap satu2 ,, hasilnya ada di first post .. jadi yg mau pake tinggal donlot aja tanpa pasang minify :)

btw lanjutt dong ...

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

User avatar
Active Member

Posts

Joined
Tue Mar 20, 2012 8:39 am
Location - Indonesia

Post by dunks » Sun Nov 11, 2012 2:54 pm

screenager8 wrote: 4. Semua image harus punya atribut HEIGHT & WIDTH. ada bbrp image Opencart yg gak ada, jadi harus utak-atik kode.
cara nya ada disini http://forum.opencart.com/viewtopic.php?f=121&t=20057

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

User avatar
Active Member

Posts

Joined
Tue Mar 20, 2012 8:39 am
Location - Indonesia

Post by konservasi » Fri Nov 30, 2012 8:16 pm

ngoprek javascript dan masukinnya ke opencartnya gimana mas bro?

http://galerigis.com

http://galeritiket.net


Active Member

Posts

Joined
Wed May 05, 2010 2:29 am


Post by dunks » Mon Dec 03, 2012 12:43 pm

konservasi wrote:ngoprek javascript dan masukinnya ke opencartnya gimana mas bro?
cek first post aja gan,,

to ALL : nih ane ada nemu teknik baru nih cekidot disini https://github.com/Schepp/CSS-JS-Booster kaga kalah kereen dah ,, ada built in rubah image to data-URL :) smoga bermanfaat

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

Post by wolv3rin3 » Thu Dec 27, 2012 3:20 am

salam kenal mas bro semua....

kayaknya ini yang susah nih...supaya web loading jadi cepet :'(

belum diterapkan ..

mau belajar dari masbro semua dulu ;)


salam

http://www.storindo.com

http://www.storindo.com Online store sell jacket batik,cigar,powerbank,civet coffee,miniature


Newbie

Posts

Joined
Thu Dec 27, 2012 2:56 am
Location - Jakarta Indonesia

Post by okkarentcom » Thu Dec 27, 2012 6:39 am

barusan test di toko ane and it works.
thank you mastah

Paket Wisata ...Sewa Kendaraan . Rental Mobil Surabaya Sewa Mobil


Newbie

Posts

Joined
Sun Dec 16, 2012 9:22 am
Location - Around The Globe

Post by qahar » Fri Dec 28, 2012 4:06 pm

di sticky ok.. :)

User avatar
Expert Member

Posts

Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia

Post by dunks » Fri Dec 28, 2012 5:06 pm

haha ane kirain ngilang nih thread ane cari2in ??? ,, ternyata di sticky,, thank u om momod :D

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

Post by sans » Fri Jan 11, 2013 12:14 pm

dunks wrote:ada 2 file di controller yg load style dan js ke homepage :

1. catalog/controller/module/slideshow.php diganti jadi seperti ini ada di line2 atas koq

Code: Select all

//		$this->document->addScript('catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js');
//		
//		if (file_exists('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/slideshow.css')) {
//			$this->document->addStyle('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/slideshow.css');
//		} else {
//			$this->document->addStyle('catalog/view/theme/default/stylesheet/slideshow.css');
//		}
2. catalog/controller/module/carousel.php diganti jadi seperti ini ada di line2 atas koq

Code: Select all

//		$this->document->addScript('catalog/view/javascript/jquery/jquery.jcarousel.min.js');
//		
//		if (file_exists('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/carousel.css')) {
//			$this->document->addStyle('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/carousel.css');
//		} else {
//			$this->document->addStyle('catalog/view/theme/default/stylesheet/carousel.css');
//		}
yang bisa bikin vqmod bikinin yaah :D
Ini bang ane bikinin vqmod-nya. Ngomong2 ada yang sudah mencoba tutorial qphoria untuk menambahkan height and width. Jika sudah apakah ada error di header cart?

Adakah yang sudah mencoba juga untuk tutorial rph untuk menambahkan height and width. Jika sudah apakah ada error di image popup halaman produk?

kaos jersey, jersey bola, baju bola, baju bola terbaru, baju bola murah


Active Member

Posts

Joined
Tue Dec 07, 2010 9:18 am

Post by dunks » Sun Jan 13, 2013 12:35 pm

harusnya yg tut dari qphoria sih lancar2 aja,, ane test dilocalhos bisa koq
thanks vqmod nya yaa

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

Post by sans » Sun Jan 13, 2013 3:00 pm

mantaplah klo si om g mengalami error. Klo saya mencoba di localhost, pada saat klik add to cart maka akan terjadi penambahan item di header cart. Namun, pada saat saya lihat detailnya, seperti terlalu banyak kode (lebihan kode). kode yang saya maksud, *');" />. Saya coba remove item di header cart dengan klik icon remove (x), tapi tidak berhasil. Sepertinya tidak berfungsi. berikut screen shotnya:
header-cart.png

header-cart.png (70.72 KiB) Viewed 13365 times


kaos jersey, jersey bola, baju bola, baju bola terbaru, baju bola murah


Active Member

Posts

Joined
Tue Dec 07, 2010 9:18 am

Post by dunks » Sun Jan 13, 2013 3:25 pm

nah iya bener begitu jadinya,, mungkin karena gambar remove cart "X" dimana didalamnya ada Onclick

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

Post by dunks » Sun Jan 13, 2013 3:38 pm

sans wrote:mantaplah klo si om g mengalami error. Klo saya mencoba di localhost, pada saat klik add to cart maka akan terjadi penambahan item di header cart. Namun, pada saat saya lihat detailnya, seperti terlalu banyak kode (lebihan kode). kode yang saya maksud, *');" />. Saya coba remove item di header cart dengan klik icon remove (x), tapi tidak berhasil. Sepertinya tidak berfungsi. berikut screen shotnya:
header-cart.png
sepertinya ini mengena karena bawaan defaultnya menggunakan --> <img onClick=

coba kamu rubah di module -> cart.tpl , cari yg td class remove trus dipindahkan dipasang pakai <a onClick= seperti contoh dibawah

Code: Select all

<td class="remove"><a onclick="(getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') ? location = 'index.php?route=checkout/cart&remove=<?php echo $product['key']; ?>' : $('#cart').load('index.php?route=module/cart&remove=<?php echo $product['key']; ?>' + ' #cart > *');"><img src="catalog/view/theme/default/image/remove-small.png" alt="<?php echo $button_remove; ?>" title="<?php echo $button_remove; ?>" /></a></td>

Ingat Gadget, Ingat DroidLime https://www.droidlime.com/


User avatar
Active Member

Posts

Joined
Wed Apr 20, 2011 1:19 pm
Location - Jakarta - Indonesia

Post by sans » Sun Jan 13, 2013 4:07 pm

Sip. Mantap. Work like charm ;D

kaos jersey, jersey bola, baju bola, baju bola terbaru, baju bola murah


Active Member

Posts

Joined
Tue Dec 07, 2010 9:18 am

Post by SarahJeanette » Mon Apr 01, 2013 4:07 pm

Referensi tambahan:

HOW TO LOSE WEIGHT in the browser
http://browserdiet.com

Semoga membantu

<trustme>there's no system 100% bugs free</trustme>


User avatar
New member

Posts

Joined
Tue Apr 10, 2012 11:16 am
Who is online

Users browsing this forum: No registered users and 36 guests