Optimasi dan cara meringankan loading web atau blog

Optimasi dan cara meringankan loading web atau blog

 Pada 10 April yang lalu saya sudah membuat artikel tentang bagaimana Cara Meringankan loading blog dimana masih ada kaitanya dengan artikel kali ini, yaitu tentang Optimasi dan cara meringankan loading web atau blog. Jika anda mengalami hal terkait dengan kedua artikel tersebut, silahkan ikuti petunjuk dalam artikel yang sudah saya sebutkan. Cara Optimasi dan cara meringankan loading web atau blog yang saya berikan adalah cara-cara yang standar dan banyak digunakan para blogger. Masih ada cara lain yang dapat diterapkan, akan tetapi kalian perlu merogoh kantong untuk hal itu. Salah satunya adalah dengan peningkatan kapasitas hosting, ini jika blog kalian menggunakan Top Level Domain dan hosting sendiri. Jika blog kalian masih menggunakan second level domain di blogspot dan wordpress, cara yang dapat dilakukan hanyalah metode standar seperti yang telah saya katakan diatas. Bagi kalian pengguna second level domain blogspot atau wordpress, yang harus tetap diutamakan adalah bagaimana kalian tetap berpegang pada prinsip Cara Mempercantik Blog Yang Baik.

Buka root_directory/po-content/themes/themes_active/index.php dan tempel script lazy load tepat diatas</body>. Ganti gambar preloader.GIF dengan gambar yang anda miliki, jika anda tidak memiliki silahkan unduh preloader.GIF di halaman Link Download.

#Untuk pengguna blogspot, anda dapat menambahkan script Lazy Load untuk meringankan loading blog anda.

Optimasi

Optimasi merupakan suatu tindakan, usaha, dan proses pada suatu hal agar mencapai hasil yang optimal(hasil ideal atau nilai yang efektif), salah satunya dengan menggunakan Desain tema Blog fresh dan ringan untuk GA. Jika anda kurang yakin dengan definisi yang saya berikan, silahkan kunjungi dan cari tau definisi yang sesuangguhnya dari kata OPTIMASI di wikipedia. Salah satu optimasi yang juga perlu dilakukan adalah dengan Cara Desain Blog Tetap Responsive.

Untuk melakukan hal tersebut(OPTIMASI) ada banyak hal yang harus anda lakukan. Beberapa diantaranya adalah sebagai berikut:

• Jangan menempatkan gambar pada paruh bagian atas halaman blog atau website anda.
• Perhatikan ukuran file(ganbar) yang ingin anda gunakan sebagai konten pada website anda.
• Hanya gunakan gambar yang telah di kompres, anda dapat menggunakan microsoft office sebagai alat kompres gambar, atau gunakan software lain dan situs tempat pengompres gambar.
• Kompres file css
• Kompres file js(javascript)
• Perhatikan penempatan file css dan js, karena ada beberapa metode untuk penempatan file tersebut.
• Hindari penggunaan file css dan js dari pihak kedua.

Dan masih banyak lagi yang dapat anda lakukan untuk optimasi website anda. Selain hal-hal diatas anda juga dapat membuat optimasi menggunakan atau melalui file.htaccess
Dan untuk membuat optimasi melalui .htaccess, silahkan ikuti petunjuk berikut:

Optimasi untuk meringankan loading website

 Ketentuan dan petunjuk berikut saya gunakan pada platform PopojiCms, jadi bagi pengguna platform lain silahkan sesuaikan.

Silahkan buka file.htaccess (root_directory/.htaccess) dan tambahkan deretan kode berikut dibawah kode yang sudah ada sebelumnya!

#Option: Untuk mengcopy kode, anda tinggal arahkan mouse dipojok kanan atas, lalu klik "Copy"

# BEGIN Browser Cache
<IfModule mod_mime.c>
AddType text/css .css
AddType application/x-javascript .js
AddType text/html .html .htm
AddType text/richtext .rtf .rtx
AddType image/svg+xml .svg .svgz
AddType text/plain .txt
AddType text/xsd .xsd
AddType text/xsl .xsl
AddType text/xml .xml
AddType video/asf .asf .asx .wax .wmv .wmx
AddType video/avi .avi
AddType image/bmp .bmp
AddType application/java .class
AddType video/divx .divx
AddType application/msword .doc .docx
AddType application/x-msdownload .exe
AddType image/gif .gif
AddType application/x-gzip .gz .gzip
AddType image/x-icon .ico
AddType image/jpeg .jpg .jpeg .jpe
AddType application/vnd.ms-access .mdb
AddType audio/midi .mid .midi
AddType video/quicktime .mov .qt
AddType audio/mpeg .mp3 .m4a
AddType video/mp4 .mp4 .m4v
AddType video/mpeg .mpeg .mpg .mpe
AddType application/vnd.ms-project .mpp
AddType application/vnd.oasis.opendocument.database .odb
AddType application/vnd.oasis.opendocument.chart .odc
AddType application/vnd.oasis.opendocument.formula .odf
AddType application/vnd.oasis.opendocument.graphics .odg
AddType application/vnd.oasis.opendocument.presentation .odp
AddType application/vnd.oasis.opendocument.spreadsheet .ods
AddType application/vnd.oasis.opendocument.text .odt
AddType audio/ogg .ogg
AddType application/pdf .pdf
AddType image/png .png
AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
AddType audio/x-realaudio .ra .ram
AddType application/x-shockwave-flash .swf
AddType application/x-tar .tar
AddType image/tiff .tif .tiff
AddType audio/wav .wav
AddType audio/wma .wma
AddType application/vnd.ms-write .wri
AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
AddType application/zip .zip
</IfModule>

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css A604800
ExpiresByType application/x-javascript A31536000
ExpiresByType text/html A3600
ExpiresByType text/richtext A3600
ExpiresByType image/svg+xml A3600
ExpiresByType text/plain A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType text/xml A3600
ExpiresByType video/asf A31536000
ExpiresByType video/avi A31536000
ExpiresByType image/bmp A31536000
ExpiresByType application/java A31536000
ExpiresByType video/divx A31536000
ExpiresByType application/msword A31536000
ExpiresByType application/x-msdownload A31536000
ExpiresByType image/gif A31536000
ExpiresByType application/x-gzip A31536000
ExpiresByType image/x-icon A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType application/vnd.ms-access A31536000
ExpiresByType audio/midi A31536000
ExpiresByType video/quicktime A31536000
ExpiresByType audio/mpeg A31536000
ExpiresByType video/mp4 A31536000
ExpiresByType video/mpeg A31536000
ExpiresByType application/vnd.ms-project A31536000
ExpiresByType application/vnd.oasis.opendocument.database A31536000
ExpiresByType application/vnd.oasis.opendocument.chart A31536000
ExpiresByType application/vnd.oasis.opendocument.formula A31536000
ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
ExpiresByType application/vnd.oasis.opendocument.text A31536000
ExpiresByType audio/ogg A31536000
ExpiresByType application/pdf A31536000
ExpiresByType image/png A31536000
ExpiresByType application/vnd.ms-powerpoint A31536000
ExpiresByType audio/x-realaudio A31536000
ExpiresByType application/x-shockwave-flash A31536000
ExpiresByType application/x-tar A31536000
ExpiresByType image/tiff A31536000
ExpiresByType audio/wav A31536000
ExpiresByType audio/wma A31536000
ExpiresByType application/vnd.ms-write A31536000
ExpiresByType application/vnd.ms-excel A31536000
ExpiresByType application/zip A31536000
</IfModule>

<IfModule mod_deflate.c>
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
BrowserMatch bMSI[E] !no-gzip !gzip-only-text/html
</IfModule>

<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>

AddOutputFilterByType DEFLATE text/css application/x-javascript text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon
</IfModule>

<FilesMatch ".(css|js)$">
<IfModule mod_headers.c>
Header set Pragma "public"
Header set Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>

FileETag MTime Size
<IfModule mod_headers.c>
Header set X-Powered-By "Multibisnisindo"
</IfModule>

</FilesMatch>
<FilesMatch ".(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml)$">
<IfModule mod_headers.c>
Header set Pragma "public"
Header set Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>

FileETag MTime Size
<IfModule mod_headers.c>
Header set X-Powered-By "Multibisnisindo"
</IfModule>
</FilesMatch>

<FilesMatch ".(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|swf|tar|tif|tiff|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$">
<IfModule mod_headers.c>
Header set Pragma "public"
Header set Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>

FileETag MTime Size
<IfModule mod_headers.c>
Header set X-Powered-By "Multibisnisindo"
</IfModule>
</FilesMatch>
# END Browser Cache

Selesai Save dan silahkan coba akses website anda. Perlu diingat bahwa optimasi untuk meringankan loading blog yang sesungguhnya adalah bagaimana berpegang pada prinsip tentang Cara Mempercantik Blog Yang Baik.