Percaya nggak desain web site/blog tanpa javascript ibarat sayur tanpa
garam? bagaimana mungkin sebuah aplikasi web profesional tidak didukung dengan
javascript ini. Silahkan anda cek sendiri web site kelas dunia diluar sana yang
kebanyakan menggunaan fitur AJAX seperti Yahoo, Google dan Facebook apa
mereka menghindari script yang satu ini, gak mungkin lah hehehe jadi jangan
pernah berpikir menghindarinya jika kita hanya berpikiran untuk masalah
kecepatan loading website. Pemakaian Javascript yang wajar-wajar saja saya rasa
tidak ada masalah, asalkan memang didukung dengan server yang mumpuni, terlebih yang
menggunakan platform blogspot yang dihost langsung pada platform tersebut..coba
silahkan buka kembali tutorial lawas saya
disini yang membahas cara host javascript langsung di blogspot.
Sebenarnya banyak sekali tools javascipt compressor diluar sana yang
bisa kita coba, namun hanya sedikit yang benar-benar bekerja dengan baik menurut
saya. Dari sekian banyak tools yang saya coba hanya
YUI
Compressor yang dikembangkan langsung melalui dapur Yahoo
Developer Network ini saja yang benar-benar berkerja tanpa kesalahan
(error). Ini sudah saya buktikan pada beberapa blog blogspot saya dan
semuanya bekerja dengan sempurna. silahkan cek langsung pada
zoomtemplate.com
dengan melihat source codenyanya secara langsung melalui browser kita
masing-masing.
Ok lah mungkin sebagain dari blogger kurang setuju menggunakan javascript
dengan alasan kecepatan, tapi jika kita terpaksa tetap menggunakannya ya mau
tidak mau kita harus mencoba merampingkannya dengan cara mengompress script
tersebut. Tujuannya agar ukurannya menjadi lebih kecil dari ukuran semula dan
tentu saja paling tidak loading page blog kita jadi sedikit lebih cepat :)
Ada beberapa layanan Online yang sudah support YUI Compressor yang
bisa kita coba, diantaranya yang sering saya gunakan adalah
YUI Compressor Online dan
Online YUI Compressor.
Cara menggunakan layanan ini juga tidak sulit, kita tinggal memasukan saja semua
kode javascript yang ingin di-kompresi, ingat! tanpa memasukan tag
<script
type='text/javascript'>..</script>
tapi hanya kode utamanya saja.
Tampilan Online YUI Compressor
Tampilan YUI Compressor Online
Sebenarnya saya sekali ingin menjelaskan panjang lebar semua mengenai YUI
Compressor, namun saya yakin dari pada kalian bosan membacanya mending
pelajari saja ya secara langsung dialamat websitenya
disini :)
Artikel Terkait: Compress Javascript dengan YUI Compressor
- SERP SEO Tool Khusus Untuk Kontes SEO
- Optimasi blog dengan Google Page Speed dan Yahoo! YSlow
- Artisteer: Program untuk membuat Template Blogger, Joomla, Drupal, DotNetNuke dan Wordpress
- Pluralink: Menampilkan Banyak Pilihan Dalam Satu Link
- GA-SANDBOX: GOOGLE ADSENSE SANDBOX
- RedAnyWay: Menjaring pengikut untuk meningkatkan trafik blog
- MazeCore: Cara mudah memonitor posisi keyword.
- byTagg sekarang mendukung Bahasa Indonesia
- Penghitung jumlah kata (Word Count) buat maen Paid Review
- Website Monitoring yang handal via Binarycanary.com
- Cara import Wordpress ke Blogger
- 10 tools terbaik untuk menganalisa halaman Web/Blog
- Website Calculator via U2WS (kalkulasi harga blog)
- Memperbaiki pesan halaman "Error 404 - Page Not Found"
- Melihat Semua Informasi Situs/Blog via DataOpedia
- Go2.me: Short link dengan fasilitas Live Feedback
- PingVine: Kirim RSS Feed langung ke Twitter
- Minixr: Microblogging Social dan Lifestreaming
- Comment Tracking System Dengan YackTrack
- Favikon: Image Resize/Crop untuk Favicon
- CodedPreview: Solusi Page Previews untuk Design Templates
- Sayyac VS Extremetracking = Serupa tapi tak sama
- URLmetrix: Cek Popularitas URL Blog Anda
- SwitchAbit: Satu Untuk Semua
- Membuat Highlighting Current Page atau Current Menu di Blogger
- Membuat "Bubble Tool Tips" 100% menggunakan CSS
- Cara Simple Membuat Iklan Melayang dengan Tombol Close
- Cara memasang tooltip dengan javascript
- Tiga Step Rounded Corner
- Global CSS Reset Pilihan
- Menampilkan Gambar Transparan, Mouseover Effect
- Menata Ulang Syntax CSS Acak-acakan Via Styleneat
- Belajar CSS Font Size Property
- MyCSSMenu: Online CSS Menu Generator
- StyledMenus: Koleksi Css Menu Navigasi
- Menampilkan Syntax Highlighter (Javascript based)
- Customized tampilan "Blogger Followers"
- Horizontal Menu Navigasi
- Percepat loading page dengan CSS Compressor
- Css Dock Menu ala Macintosh
- Belajar mengedit CSS tanpa masuk halaman Edit HTML
- Cara menghilangkan "Navbar Blogger"
- Tampilan beda untuk komentar pemilik blog
- Cara Menghilangkan Tanggal Posting
- Auto Hide pada Navbar Blogger
- Random Photo tanpa reload page (Slideshow)
- Cara menampilkan halaman lain di blog (Tab Document Viewer)
- Pencarian (Search Engine) di Blogger dengan Flat Button Style dan Flat Textbox Style
- Membuat Highlighting Current Page atau Current Menu di Blogger
- Thumbnail Related Posts with Marquee (Berjalan)
- Cara Simple Membuat Iklan Melayang dengan Tombol Close
- Cara memasang tooltip dengan javascript
- Pluralink: Menampilkan Banyak Pilihan Dalam Satu Link
- Animasi gambar Opacity menggunakan jQuery
- Page Peel Efek menggunakan jQuery & CSS
- Solusi Hosting Javascript di Blogger
- Memasang Slider ala Zinmag Primus Template
- Cara pasang Auto Read More terbaru (Part 2)
- Pasang animasi status page loading di blogger
- Sexy Curls jQuery Plugin: Alternatif iklan bergaya Pagepeel
- Pixastic: Open Source Online Image Editor (Javascript Library)
- Cara Pasang Total Posts dan Total Comments
- Pasang Stripe-Ad ala Navbar Blogger
- Menayangkan iklan bergaya PageEar (PagePeel)
- Menampilkan Syntax Highlighter (Javascript based)
- Pengenalan Blogger data API - Client Applications
- Css Dock Menu ala Macintosh
- Membuat Top Post (popular artikel) di blogspot
- Menampilkan Top Comment di Blogger
- Recent Comment di Blogger
- Recent Post di Blogger
- Cara menampilkan pesan pada jam tertentu (Time Message)
0 Comments
