Mempercepat Loading Blog dengan Cara Remove Render-Blocking JavaScript dan Optimize CSS Delivery

Mempercepat Loading Blog dengan Cara Remove Render-Blocking JavaScript dan Optimize CSS Delivery
Sobat. Sudah sering kali kita bahas pentingnya sebuah blog atau situs mempunyai kecepatan loading yang bagus (page load time). Selain menggunakan tools senjata ngeblog, kini ada beberapa tools pengukur kecepatan sebuah situs blog langsung dari mbah Google sendiri, yakni
Google Page Speed Insights.

Ketika kita melakukan cek kecepatn loading blog kita melalui Google Page Speed Insights, terkadang muncul pesan atau informasi yang berupa saran perbaikan. Contohnya saja "Harus Diperbaiki" (Should Fix) "Remove Render-Blocking JavaScript".

 Hal itu terjadi ketika di dalam template yang kita gunakan terdapat JavaScriptnya. Selain daripada itu, Google juga memberi tahu kita Cara Mengatasi Render-Blocking JavaScript itu sebagai berikut:
Ubah kode JavaScriptnya dari yang semula:
<script type="text/javascript" src="kode.js"></script>

Menjadi:
<script type="text/javascript"> /* Isi File JavaScript di Sini */</script>
Contohnya, dari semula begini:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js></script>
Diubah menjadi:
<script type="text/javascript">
/*! jQuery v1.8.3 jquery.com | jquery.org/license */
(function(e,t){function _(e) ... dan seterusnya dst... hingga (window);
</script>
Catatan: cara mengetahui isi kodenya: cop paste link http://........... min.js di address bar (alamat bar), ketika dimasukkan akan muncul deretan kode .js.

Optimize CSS Delivery

Selain daripada itu, saran Google berkenaan dengan kasus di atas adalah Optimize CSS Delivery, yaitu mengubah kode CSS. Tentu cara optimize CSS delivery juga masih dari mbah Google. Caranya, sebagai berikut:

Contoh, kode CSS yang sebelumnya seperti di bawah ini:
<link rel="stylesheet" href="http://..... small.css">
Isi small css-nya dibuka dulu (copas link http://..... small.css di address bar) dan akan muncul, misalnya, kode seperti ini:
.blue {color: blue;}
Diubah Menjadi begini:
<style>
.blue{color:blue;}
</style>
Demikian Tutorial Mengatasi Remove Render-Blocking JavaScript dan Optimize CSS Delivery. Tentu cara di atas sudah dilakukan para desainer template yang page load timenya bisa membuat blog kita lebih bagus lagi.

Salam blogger an good luck.

Sumber:
Contohblognih.blogspot.com

8 Responses to "Mempercepat Loading Blog dengan Cara Remove Render-Blocking JavaScript dan Optimize CSS Delivery"

  1. Replies
    1. gak fahamnya di bagian mana mas? kalau memang belum mengerti betul dengan cara di atas, bisa menggunakan cara yang lain untuk mempercepat page load time blog kita..

      forumblogindo.blogspot.com/2015/05/cara-jitu-mempercepat-loading-blog-fastloading-time-blog-terampuh.html

      sudah saya jelaskan runtut banget mas

      Delete
  2. đồng tâm
    game mu
    cho thuê nhà trọ
    cho thuê phòng trọ
    nhac san cuc manh
    số điện thoại tư vấn pháp luật miễn phí
    văn phòng luật
    tổng đài tư vấn pháp luật
    dịch vụ thành lập công ty trọn gói
    xanh marketing
    ngô tất tố
    kế hoạch dự phòng
    búp sen xanh sơn tùng
    lý thuyết thương mại
    john stacey adams
    mcclelland
    aida
    giá trị
    btl

    Mà đoạn qua khu vực Giang Miếu là dài nhất, gần 20km. Vương Đức Hòa thò tay ở khắp nơi, nhất định cũng muốn xin miếng thịt ở Giang Miếu.

    Có một số việc Vương Đức Hòa ra mặt không tiện, mà có thằng cháu làm Trưởng đồn công an Giang Khẩu thì dễ hơn nhiều. Vì thế Vương Đức Hòa thậm chí còn ám chỉ việc bổ nhiệm Vương Quý Nhân với y. Điều này làm Chu Tinh Văn biết rõ dây không phải lựa chọn tốt nhưng không tránh được. Chẳng qua bây giờ xem ra vấn đề rất khó giải quyết.

    Khanh Liệt Bưu nói có lý. Tuổi mình còn có cơ hội tiến lên. Phó bí thư Bao tuổi không nhỏ, hơn nữa còn kiêm Bí thư đảng ủy công an, người này chỉ một hai năm nữa là sang Đại hội đại biểu nhân dân toàn quốc. Mình muốn vào thường vụ giữ chức bí thư đảng ủy thì ngoài được Bí thư huyện ủy ủng hộ thì còn qua Thị ủy quyết định.

    Làm mất lòng Thái Chánh Dương không quan trọng, nhưng Thái Chánh Dương có thể làm Phó thị trưởng thì quan hệ với cấp trên không kém. Không chừng một hai năm nữa Thái Chánh Dương sẽ thành Trưởng ban tổ chức cán bộ hoặc Phó bí thư Thị ủy thì sao. Như vậy mình sẽ có phiền phức.

    Vương Đức Hòa tuổi đã cao, Thái Chánh Dương lại còn trẻ mà. Tuy nói bây giờ mình lên chức thì Vương Đức Hòa đã giúp nhiều, nhưng quyết định chính là Lô Vệ Hồng. Có thể cho Vương Quý Nhân một vị trí khác cũng coi như câu trả lời. Xem ra phải quan sát Triệu Quốc Đống một chút mới được.
    Tâm trạng Chu Tinh Văn khá tốt, tâm trạng Đậu Trung Khải cũng tốt.

    Đậu Trung Khải ngồi trong nhà. Có một cấp dưới đến phản ánh công tác, y đang chờ người tiếp theo.

    Cán bộ Công an huyện nghe thấy tin sẽ điều chỉnh thì không ngừng chạy

    ReplyDelete
  3. kesalahannya pada javascript rata-rata di bagian && mas sahill. mohon solusinya dong.
    Oiya, apa diblog mas juga menerapkan hal serupa?
    terima kasih

    ReplyDelete
    Replies
    1. heem. solusinya mesti teliti aja..kalau memang terlalu ribet, ya maksimalkan aja optimasi SEO pada image, penggunaan default backgorund dgn kode warna aja tanpa mengambil dari alamat url, atau menghapus struktur data tempate yg udah gak kepake...

      Delete
  4. wah, belum mudeng sama sekali...

    ReplyDelete

Silakan masukkan komentar Sobat di sini!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Hosting Unlimited Indonesia