Audit Kecepatan Website dengan YSlow

Audit Kecepatan Website dengan YSlow

Setelah 3 artikel tentang aturan YSlow saya publish , pada artikel ini akan saya tunjukan bagaimana mengaudit kecepatan suatu website dengan ekstensi Google Chrome Yslow . Silahkan install dengan mengkik link diatas, buka website yang ingin anda audit, lalu   klik icon YSlow di pojok kanan atas, Iconnya mirip speedometer. Sebelum di klik “RUN TEST” pastikan…

|

Optimasi Performa Website dengan Aturan YSlow : Part III end

Bagian terakhir dari teknik optimasi web ada di disisi server. Beriku ini adalah tips yang bisa anda pakai 1. Gunakan CDN (Content Delivery Networks) Agar loading website menjadi lebih cepat, letakan file gambar dan javascript library di CDN. Contoh script yang memanfaatkan CDN 2.Tambahkan Cache Control Header Never expire untuk komponen web yang sifatnya static….

Optimasi Performa Website dengan Aturan YSlow : Part II

Ini adalah bagian kedua dari artikel tentang optimasi website dengan aturan Yahoo Slow. Bagian pertama dari artikel ini bisa anda baca di sini. Di artikel ini akan dibahas tentang optimasi performa website dari sisi cookies, CSS, javascript dan Image. Cookies di sisi cookies ada dua hal yang perlu diperhatikan, dua hal tersebut adalah ukuran cokies…

CSS Framework

CSS Framework

Sebagai web developer, pasti sudah sering mendengar kata framework, terutama PHP framework dan Javascript Framework. Framework adalah sekumpulan fungsi, class, atau API yang siap pakai. Tujuan adanya framework adalah mempercepat proses development dan membuat standarisasi coding. Hal lain yang paling penting dari adanya framework adalah menghilangkan konsep “don’t reinvent the wheel” alias jangan mengerjakan sesuatu…

Javascript Library untuk Visualisasi Data

Javascript Library untuk Visualisasi Data

Website yang interaktif  merupakan  keunggulan tersendiri,.biasanya interaktifitas ini berhubungan dengan pembelajaran, animasi, grafik atau cart. Website seperti ini umumnya dibangun dengan flash. Namun, tampilan interaktif tersebut juga mempunyai kekurangan, hal yang paling utama adalah browser harus mendukung flash ,teknologi ini memakan banyak memori. Selain itu, kadang flash juga sering membuat browser crash. Sekarang era Flash…

Responsive Web design dan Mobile WebApp

Sabtu kemarin (28 April 2012), saya di beri kesempatan oleh UKM Informatika dan komputer STMIK AKAKOM yogyakarta untuk mengisi acara “studi club” tentang teknologi terbaru di web. Thema yang saya angkat ada dua yaitu Responsive Web design dan Mobile Web App. Lengkapnya lihat Presentasi dibawah ini. Bagi yang tidak datang, silahkan download slidenya dan source…

Optimasi Performa Website dengan Aturan YSlow : Part I

Salah satu fitur yang paling jarang di perhatikan oleh Web developer  adalah kecepatan loading website.  Efek dari hal ini , kadang sebuah website tampil cantik tapi butuh loading yang sangat lama (lebih dari 10 detik) . Sebuah website juga kadang penuh dengan kontent dan iklan namun loading halaman tidak selesai selasai.  Untuk mengatasi hal diatas…

10 Ekstensi Chrome untuk Web Developer

Menjadi developer web tidak melulu harus coding, ada saatnya kita melakukan testing di browser. Apa sih yang dites? banyak hal yang harus di test untuk memastikan aplikasi web kita berjalan mulus, dari fungsional aplikasi, tata letak, User experience, testing dengan simulasi berbagai ukuran layar.   tahap selanjutnya   adalah membuat dokumentasi dan perawatan website misalkan…

Source code Toko Online berbasis PHP MySQL

Jika anda ingin mempelejari cara membangun toko online, silahkan download sourcenya disini . Tampilan dari Toko online ini bisa anda lihat dibawah ini. Source code ini menggunakan Lisensi Apache, artinya anda bisa menggunakan untuk kepentingan komersial dan jika anda melakukan modifikasi code atau menambahkan fitur, anda tidak harus mengopensourcekan fitur yang anda tambahkan. Keren kan? [slideshare…