Menu

cara mempercepat loading blog – website berbasis wordpress

Apr
09
2017
by : Andreas. Posted in : Uncategorized
5/5 (4)

website – blog loading super berat dan loading lama ?

Temukan jawabanya disini. !

Cara atau tip menjadikan blog & website memiliki performa yang bagus serta loading ringan + loading cepat itu mudah bro…..khususnya untuk web / blog berbasis wordpress.

ss - cara mempercepat loading blog - website berbasis wordpress

Indikator untuk mengukur performa dan kecepatan website menggunakan tool yang telah disediakan google secara gratis : https://developers.google.com/speed/pagespeed/insights/

nilai score blog dikatakan bagus speeds nya harus itu antara : 95 – 100

jika hasil uji speed nilai blog dibawah nilai yang admin sebutkan diatas maka mas bro harus mengikuti tip yang akan disampaikan dibawah.

bila dihungkan dengan optimasi seo untuk blog maka speed – kecepatan loading website menjadi faktor penting no.2 setelah kualitas konten.

9 tip’s optimasi speed blog wordpress :

  1. optimasi size gambar , jangan menggunakan gambar secara berlebihan & pastikan size gambar di bawah 40kb / 1 halaman. anda juga bisa menggunakan plugin compress gambar : tiny compress images
  2. hindari embed vidio, solusinya tampilkan link nya saja jika membutuhkan vidio
  3. wajib menggunakan plugins cache : WP Super CacheSpeed Booster Pack
  4. hapus plugins yang tidak diperlukan – tidak penting
  5. pastikan anda menggunakan theme – template yang ringan, bersih, support seo dan fast loading • rekomdasi dari admin gunakan theme premium wordpress dari : seosatuWP yang sudah teruji, support bantuan setting dan terbukti hasil nya. dengan hasil speed akhir : 99 – 100 
  6. server atau hosting terbaik dengan spesifikasi : full unlimited
  7. optional : kalau memang untuk website / blog bisnis sangat disarankan pilih server VPS
  8. buang widget yang tidak diperlukan
  9. selalu update cms wordpress dan plugin anda.

Tambahan:

Guna meningkatkan performa blog wordspress anda silahkan tambahkan kode berikut pada file .htacess

  • mod_deflate
  • mod_expires
  • mod_headers
  • keep-alive

code lengkap :

header always set x-xss-protection "1; mode=block"
<FilesMatch "\.(html|htm)$">
AddDefaultCharset UTF-8
<ifModule mod_headers.c>
FileETag None
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Mon, 29 Oct 1923 20:30:00 GMT"
</ifModule>
</FilesMatch>
# END WpFastestCache
# BEGIN GzipWpFastestCache
<IfModule mod_deflate.c>
AddType x-font/woff .woff
AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
 AddOutputFilterByType DEFLATE application/x-font
 AddOutputFilterByType DEFLATE application/x-font-opentype
 AddOutputFilterByType DEFLATE application/x-font-otf
 AddOutputFilterByType DEFLATE application/x-font-truetype
 AddOutputFilterByType DEFLATE application/x-font-ttf
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE font/opentype
 AddOutputFilterByType DEFLATE font/otf
 AddOutputFilterByType DEFLATE font/ttf
 AddOutputFilterByType DEFLATE image/svg+xml
 AddOutputFilterByType DEFLATE image/x-icon
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/xml
</IfModule>
# END GzipWpFastestCache
# BEGIN LBCWpFastestCache
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)?$">
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/webp A2592000
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType image/svg+xml A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000
ExpiresByType application/javascript A2592000
ExpiresByType application/x-javascript A2592000
</IfModule>
<IfModule mod_headers.c>
Header set Expires "max-age=2592000, public"
Header unset ETag
Header set Connection keep-alive
FileETag None
</IfModule>
</FilesMatch>
# END LBCWpFastestCache
<ifModule mod_headers.c>
Header set Connection keep-alive 
</ifModule>

## EXPIRES CACHING ##
#BEGIN EXPIRES HEADERS
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
# Webfonts
ExpiresByType font/truetype "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
</IfModule>
#END EXPIRES HEADERS
## EXPIRES CACHING ##
# 1 Month for most static assets

# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
 <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
 Header set Cache-Control "max-age=25920000, public"
 </filesMatch>
 <filesMatch "\.(css)$">
 Header set Cache-Control "max-age=6048000, public"
 </filesMatch>
 <filesMatch "\.(js)$">
 Header set Cache-Control "max-age=2160000, private"
 </filesMatch>
 <filesMatch "\.(x?html?|php)$">
 Header set Cache-Control "max-age=60000, private, must-revalidate"
 </filesMatch>
</ifModule>
# END Cache-Control Headers

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Semoga tip diatas bisa membantu masalah loading dan performa blog anda menjadi lebih baik dan maximal

artikel lainnya cara mempercepat loading blog – website berbasis wordpress

Sunday 14 May 2017 | Uncategorized

ARTI SEO SEO adalah serangkain proses setingan website | blog untuk memaksimalkan hasil pencarian pada mesin pencari…

Monday 13 February 2017 | Uncategorized

Tahun 2017 – 2018 merupakan tahun dimana semua brand / lini usaha akan memasarkan produk dan…

Sunday 29 January 2017 | Uncategorized

Cara mudah import data Excel ke database mysql pada scripts PHP Jika kita hendak upload data…

Saturday 17 June 2017 | Uncategorized

Panduan & tutorial Cara membuat BLOG {GRATIS} dengan Platform Blogspot.com milik Google untuk tingkat pemula Sebelum…