• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

PAHOMPU.COM

Info Teknologi Blog SEO dan Bisnis Online

  • Blogging & SEO
    • Themes
    • Script
  • Teknologi
    • Komputer
    • Mobile & App
  • Internet
  • Sosial Media
  • Other
    • Bisnis Rumahan
    • Bisnis Online
    • Ulasan Bisnis
    • Motivasi
Home / Blogging Dan SEO / Cara Mempercepat Loading Laman Website Wordpress

29 March 2017 by pahompu 4 Comments

Cara Mempercepat Loading Laman Website WordPress

Tips Cara Mempercepat Loading Laman Website WordPress – Saat ini, sebagian besar orang memilih WordPress sebagai fitur CMS website nya karena WordPress memang sangat user friendly. Walaupun begitu, tetapi Jika situs Web Anda lambat melakukan loading ketika di buka, maka ini akan berdampak negatif, web anda tidak akan mendapatkan lebih banyak pengunjung. Kenapa..?, Oke.. Mari kita berasumsi: Jika ada pengguna internet mencari sesuati di mesin pencari misalnya Google dan ia mendapatkan 10 hasil index, kemudian membuka 2-3 link, dana salah satunya situs Anda. Ternyata situs Web Anda loadingnya lambat, maka pengguna akan menutup tab itu dan pergi ke website lainnya.

Ingin mengurangi waktu loading halaman situs Anda? berikut kami coba bagikan kepada anda beberapa trik Tips Cara Mempercepat Loading Laman Website WordPress Anda. Tetapi sebelumnya uji dahulu waktu loading halaman website anda dengan memakai tool online ini: http://www.gtmetrix.com. Bila anda merasa Loading web anda sudah OK, yah… anda boleh Mempertahankannya, tetapi bila anda temukan loading web anda sangat mengecewakan, untuk mempercepatnya, Ada beberapa trik yang biasa digunakan:

cara mempercepat loading laman website wordpress
Mempercepat Loading Laman Website WordPress
Table Of Contents show
1 Tips Cara Mempercepat Loading Laman Website WordPress
1.1 1. Leverage Browser Caching Dengan .htaccess
1.2 2. Mengaktifkan gzip compression Dengan .htaccess
1.3 3. Mengaktifkan HTTP Compression Dengan .htaccess
1.4 4. Defer parsing of JavaScript Atau Menunda parsing JavaScript

Tips Cara Mempercepat Loading Laman Website WordPress


1. Leverage Browser Caching Dengan .htaccess

Ketika kita membuka suatu halaman website, dengan otomatis browser akan menampilkan logo, gambar, font, dan kode-kode pemrograman lainya seperti css dan javascript. Dan jika suatu hari nanti kita membuka kembali halaman website yang sama, maka loading dari halaman website tersebut lebih cepat, Hal itu terjadi karena browser menyimpan logo, gambar, font, dan kode-kode pemrograman lainya. Sehingga, loading suatu website lebih cepat.

Untuk mengoptimalkan leverage browser caching sebagai cara mempercepat loading laman website wordpress, kita hanya perlu menambahkan barisan Code berikut pada file .htaccess dari website kita —

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##

Baca Juga :
Cara Menonaktifkan Emoji Atau Emoticons di Blog WordPress
5 Plugin WordPress Lazy Load Terbaik Untuk Mempercepat Loading Web
10 Tips SEO Blog WordPress Anda Lebih Maksimal

2. Mengaktifkan gzip compression Dengan .htaccess

Gzip Compression adalah pengkrompesan file dari server yang akan dikirim ke browser, hasil compress tersebut tentu jauh lebih kecil ukurannya daripa file yang tidak dikompres, dan semakin kecil ukuran file maka semakin cepat transfer file yang dilakukan

Untuk mengoptimalkan gzip compression sebagai cara mempercepat loading laman website wordpress, kita hanya perlu menambahkan barisan Code berikut pada file .htaccess dari website kita —

  

  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
  mod_gzip_item_include handler ^cgi-script$
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_exclude mime ^image/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*


3. Mengaktifkan HTTP Compression Dengan .htaccess

HTTP Compression sangat berguna sekali dalam menghemat bandwidth upstream dari webserver kita karena data yang dikirimkan akan dikompress dahulu sebelum dikirim. Ketika bongkahan data sampai di tujuan, client akan meng-uncompressnya untuk kemudian ditampilkan di layar monitor. Feature kompresi ini akan meningkatkan performance, karena ini berarti akan semakin banyak client yang dapat dilayani.

Untuk mengoptimalkan HTTP Compression sebagai cara mempercepat loading laman website wordpress, kita hanya perlu menambahkan barisan Code berikut pada file .htaccess dari website kita —

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddType x-font/otf .otf
AddType x-font/ttf .ttf
AddType x-font/eot .eot
AddType x-font/woff .woff
AddType image/x-icon .ico

4. Defer parsing of JavaScript Atau Menunda parsing JavaScript

Javascript yang terletak di bagian atas dari dokumen HTML dapat memblokir rendering halaman yang memperlambat halaman sangat. Dalam rangka untuk menunda parsing Javascript, yang terbaik adalah memanggil skrip tersebut pada akhir dokumen HTML daripada di awal.

Anda juga dapat menunda parsing Javascript dengan menggunakan menunda atribut. The menunda atribut digunakan dalam kode HTML untuk menunda parsing dari javascript sampai halaman dibuka.

Untuk melakukan Defer parsing of JavaScript Atau Menunda parsing JavaScript sebagai cara mempercepat loading laman website wordpress, kita hanya perlu menambahkan barisan Code berikut pada file function.php dari template website kita —

// Defer parsing Javascripts
if (!(is_admin() )) {
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
// return "$url' defer ";
return "$url' defer onload='";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
}

demikian ulasan kami tentang Cara Mempercepat Loading Laman Website WordPress, semoga bermanfaat dan Salam pahompu.

Filed Under: Blogging Dan SEO, Script Tagged With: cara mempercepat loading laman, script, Tips Blogging, Tps dan Cara, wordpress

Related Posts

  1. 11 Plugin Untuk Mempercepat Loading Website
  2. 5 Plugin WordPress Lazy Load Terbaik Untuk Mempercepat Loading Web
  3. Cara Memperbaiki Render Blocking JavaScript dan CSS di WordPress
  4. 5 Cara Ampuh Mempercepat Loading Blog
  5. Trik WordPress: Cara Memindahkan JavaScript Ke Bagian Footer Tanpa Plugin
  6. Cara Menambahkan Penerjemah Bahasa Pada Website (CMS WordPress)
  7. Trik WordPress: Cara Menampilkan Komentar Terbaru dengan Thumbnail di WordPress Tanpa Plugin
  8. Cara Membuat Galeri Gambar Di WordPress

Reader Interactions

Comments

  1. Donny Aliyanto says

    3 April 2017 at 5:58 PM

    Tapi cara yang paling mudah itu tentu tinggal pake CDN, gratis atau berbayar seperti Cloudflare.

    Reply
    • pahompu says

      4 April 2017 at 11:18 PM

      Betul Bro, CDN memang sangat membantu untuk mempercepat Loading Web, tapi tetap harus dipahami… CDN bekerja dari Bandwidth, sedangkan Trik yang saya ulas diatas untuk meminimalisisir Hambatan pada script Template situs… dan Akan sangat bagus bila keduanya di Gabung… Salam… Thank sudah comment

      Reply
  2. Nella says

    17 May 2017 at 7:23 AM

    Horas ito, saya coba masukkan semua kode tersebut blog saya jadi error layar putih dengan tulisan Internal Server Error . Saya coba masukkan satu persatu dari 4 kode tsb sama saja Internal Server Error.

    Reply
    • pahompu says

      17 May 2017 at 9:12 PM

      untuk menambahkan gzip harus di awali – <ifModule mod_gzip.c> dan di akhiri </ifModule>
      Dan setelah saya telisik kesalahan tersebut ada di script pada bagian no 2. Mengaktifkan gzip compression Dengan .htaccess,
      Sepertinya code <ifModule mod_gzip.c> dan </ifModule> itu menghilang di browser padahal ada di script di artikel – sehingga mungkin ito salah mengcopynya dan terjadi ERROR — (tapi sudah saya perbaiki… Mohon maaf)

      script yang benar —–

      <ifModule mod_gzip.c>

      mod_gzip_on Yes
      mod_gzip_dechunk Yes
      mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
      mod_gzip_item_include handler ^cgi-script$
      mod_gzip_item_include mime ^text/.*
      mod_gzip_item_include mime ^application/x-javascript.*
      mod_gzip_item_exclude mime ^image/.*
      mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
      </ifModule>

      KALAU MASIH ERROR 00000
      Ito… pakai saja Plugin WP Super Cache – https://wordpress.org/plugins/wp-super-cache/. jangan lupa untuk membuang semua code/script diatas yang sudah sempat di tambahkan… edit .htacces melalaui file manager di control panel.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

POPULAR POSTS

  • Cara Screenshot Sebagian Layar di Smartphone Android Tips Dan Cara Screenshot Sebagian Layar di Smartphone Android posted on 21 March 2017
  • Cara Menghapus Riwayat Pembelian di App Store posted on 8 January 2017
  • Game Pesawat Tempur Android Offline Terbaik 17 Game Pesawat Tempur Offline (Tanpa Internet) Terbaik dan Terbaru 2019 posted on 15 February 2019
  • Ini Dia, Cara Mengukur Suhu Ruangan Dengan iPhone ! Ini Dia, Cara Mengukur Suhu Ruangan Dengan iPhone ! posted on 11 March 2017
  • harga hp nokia android Daftar Kisaran Harga Hp Nokia Android Terbaru 2018 posted on 7 January 2018
  • Style CSS Blockquote Cantik Untuk Blog 5 Style CSS Blockquote Cantik Untuk Blogger dan WordPress posted on 30 December 2016
  • Langkah Mudah Cara Bisnis Online Di Internet 4 Langkah Mudah Cara Bisnis Online Di Internet posted on 25 February 2017

Recent Posts

  • 7 Reliable Email Advertising and Marketing Approaches to Produce More Sales 29 August 2021
  • 6 Elemen Penting dalam Strategi Pemasaran Digital 18 November 2020
  • 9 Halaman Penting Ini Harus Ada Pada Website Bisnis Kamu 29 October 2020
  • Lima Faktor Peringkat SEO Dasar yang Harus Anda Ketahui 21 July 2020
  • Kendala Yang Sering Dihadapi Saat Mengelola Sebuah Web Hosting 29 March 2020
  • Mending Mana? Beli Laptop atau Rakit PC? 4 February 2020
  • Cara Membuat Teks Warna Warni di Insta Story 23 January 2020

Recent Comments

  • Hartono Liem on Lima Faktor Peringkat SEO Dasar yang Harus Anda Ketahui
  • cotekno on Lima Faktor Peringkat SEO Dasar yang Harus Anda Ketahui
  • Komala maulana on 4 Langkah Mudah Cara Bisnis Online Di Internet
  • Roffif Syafruddin on Cara Menghapus Riwayat Pembelian di App Store
  • Roffif Syafruddin on Mending Mana? Beli Laptop atau Rakit PC?

Tags

android aplikasi Applikasi bisnis Bisnis Online blog blogging Custom Background Custom Colors Custom Menu Entertainment facebook Featured Images game Google Adsense internet iphone komputer Laptop Left Sidebar mobile Money Online News One Column online plugin Right Sidebar SEO smartphone Sticky Post teknologi template terbaik Theme Options Threaded Comments tips Tips dan Trik Translation Ready trik trik wordpress Tutorial Wordpress Two Columns windows Windows 10 wordpress
  • About
  • Contact Us
  • Privacy Policy
  • Disclaimer
  • Term Of Services
  • Subscribe Us

Copyright © 2022 · Gen Polos on Genesis Framework · WordPress · Log in