Cara Meminimalkan HTML, CSS, dan JavaScript Menggunakan Plugin Autoptimize

Google dan Mesin Pencari lainnya memberi nilai pada situs web Anda jika dimuat dengan begitu cepat. Karena tidak ada penonton yang memiliki banyak pasien untuk menunggu lama untuk melihat konten Anda dan Anda hanya memiliki 1,5 detik untuk menarik perhatian mereka. Jika situs Anda butuh waktu lama untuk dibuka, Anda biasanya kehilangan pengunjung. Jadi, ini penting untuk mempercepat situs web Anda. Ada beberapa cara untuk mengoptimalkan situs Anda. Tetapi salah satu bagian terpenting adalah untuk Minimalkan HTML, CSS, dan JavaScript.


Jika Anda pernah melakukan tes Kecepatan aktif Google PageSpeed atau GTmetrix, Anda mungkin melihat opsi itu.

Setiap situs web memuat banyak file yang berisi HTML, CSS, dan JavaScript. Dan sebagian besar file menyertakan banyak ruang, komentar, pembatas blok dll. Jadi, secara signifikan dibutuhkan waktu ekstra untuk memuat dengan benar.

Ini juga tergantung pada kualitas Tema. Misalnya, kualitas tema premium selalu lebih baik daripada tema Gratis. Tema premium dikodekan dengan baik dan dibangun oleh pengembang yang sangat terampil. Tetapi semua tema tidak sama dan memiliki jenis fungsi yang berbeda. Jadi, oleh Meminimalkan file HTML, CSS, dan JavaScript itu, Anda dapat secara strategis meningkatkan kecepatan situs Anda dan membuat pengunjung Anda senang.

Apa yang Diminimalkan dan Mengapa Bermanfaat?

Minifikasi adalah bahasa pemrograman yang menghapus semua karakter yang tidak perlu dari kode sumber tanpa mengubah fungsinya. Karakter yang tidak perlu ini biasanya mengandung “karakter spasi putih, karakter baris baru, komentar, dan blok pembatas ”. 

Sebelum Mengecilkan dan Setelah Mengecilkan

Mereka digunakan untuk menambah keterbacaan kode tetapi tidak diperlukan untuk mengeksekusi. Dengan cara ini mengurangi jumlah kode yang harus ditransfer melalui web dan menghemat bandwidth Anda. Jadi oleh meminimalkan HTML, CSS, dan JavaScript, Anda dapat dengan mudah menghapus karakter yang tidak perlu dari situs Anda dan secara signifikan meningkatkan kecepatan situs Anda. 

Cara Meminimalkan HTML, CSS, dan JavaScript

Ada dua cara Anda dapat Minify HTML, CSS & JavaScript. Anda dapat melakukannya dengan mengedit kode tema Anda atau menggunakan plugin WordPress, bernama Optimalkan secara otomatis. Dalam artikel ini, kami akan menunjukkan kepada Anda proses keduanya Cara Meminimalkan HTML, CSS, dan JavaScript.

Untuk mengetahui file HTML, CSS, atau JavaScript yang menyebabkan masalah ini, Anda perlu memeriksanya di alat uji kecepatan situs apa pun Alat Google PageSpeed atau GTmetrix. Karena tidak semua file Anda mengandung jenis karakter yang tidak perlu ini.

Setelah memeriksa hasil situs Anda, Anda akan mendapatkannya. Berikut adalah gambar di bawah ini dari situs saya yang mempertimbangkan memperbaiki CSS dan JavaScript.

Meminimalkan Css, JavaScript

Itu mengurangi kualitas tema Anda. Jadi, tidak perlu khawatir jika Anda melihat keduanya dikatakan Minify dan lebih baik untuk mendapatkan tema Premium.

Ada beberapa alat daring yang dengannya Anda dapat Meminimalkan kode HTML, CSS, dan JavaScript. 

Sebelum Anda membuat perubahan, buat cadangan file itu.

# 1 Kode Minify:

Perkecil Kode Alat

Kode Minify adalah alat All in One Minifying. Ini dapat Meminimalkan kode JavaScript, CSS, dan HTML Anda. Yang Anda butuhkan untuk menyalin kode HTML atau CSS atau JavaScript dan tempel di sini. Kemudian Klik Mengecilkan Pilihan. Alat ini secara otomatis Perkecil kode Anda. Setelah itu, salin kode Minified di file itu.

Anda juga dapat Meminimalkan kode CSS dan JavaScript Anda seperti kode HTML dengan alat itu.

# 2 Willpeavy:

Willpeavy

Willpeavy adalah alat hebat lainnya Minify HTML kode. Alat ini bekerja dengan cara yang sama seperti kode minify. Ini Meminimalkan HTML dan semua CSS atau JS yang termasuk dalam markup Anda. Untuk menggunakan alat ini, Anda hanya perlu menyalin kode Anda di sini dan klik Minify.

Minify Menggunakan Plugin Autoptimize

Optimalkan secara otomatis

Jika Anda tidak terbiasa dengan pengkodean seperti itu, maka lebih baik menggunakan plugin dan direkomendasikan untuk pemula. Jadi inilah dia Optimalkan plugin untuk WordPress pengguna.

Optimalisasi menggabungkan semua skrip dan kode gaya dan membuatnya lebih kecil yang memuat begitu cepat. Ini mengecilkan semua HTML, CSS & Kode Javascript itu sendiri dan membuat halaman Anda sangat ringan. Dengan Minification, plugin ini menambahkan header yang sudah kadaluarsa dan memindahkan gaya ke kepala halaman dan dapat memindahkan skrip ke footer.

Optimalkan Pengaturan Rekomendasi

Anda dapat dengan mudah melakukan semua hal dari pengaturan plugin. Setelah mengaktifkan plugin ini, buka Pengaturan> Optimalkan secara otomatis.  Klik pada tombol “Tampilkan pengaturan lanjutan”.

Dalam HTML bagian, periksa “Optimalkan Kode HTML” dan “Simpan komentar HTML” untuk kinerja yang lebih cepat.

Optimalkan opsi HTML

Dalam JavaScript bagian, aktifkan “Optimalkan Kode JavaScript”. Anda juga dapat mengaktifkan “Force JavaScript in” untuk memuat JS lebih awal dan mengurangi kemungkinan kesalahan JS. Seandainya JS Anda memecah skrip, maka Anda dapat mengaktifkan “Add try-catch wrapping”.
Optimalkan Opsi JavaScript

Di CSS bagian, aktifkan “Optimalkan Kode CSS”, “Juga agregat CSS sebaris”. Anda juga dapat mengaktifkan “Inline and Defer CSS” jika Anda telah mengecilkan CSS. Coba alat ini untuk memperkecil CSS Anda dan menempelkannya di dalam kotak.

Optimalkan opsi CSS

Masukkan CDN URL di bidang “URL Dasar CDN”. Misalnya, ‘//cdn.example.com/’.

Dan terakhir, aktifkan “Simpan skrip agregat / css sebagai file statis”. Namun pastikan, server web Anda dapat menangani dengan benar kompresi dan kedaluwarsa.

Optimalkan opsi CDN

Setelah Meminimalkan kode Anda, jangan lupa untuk memeriksa kecepatan situs Anda lagi. Kemudian bandingkan dengan hasil sebelumnya. Jika situs Anda mendapatkan masalah atau tidak muncul dengan benar, Anda dapat mencoba menghapusnya Cache

Kesimpulan

Meminimalkan HTML, CSS dan JS bermanfaat untuk situs Anda. Ini menghapus karakter yang tidak perlu kode Anda dan membuatnya lebih kecil yang ramah browser. Dengan cara ini Anda dapat meningkatkan kecepatan memuat situs Anda.

Jika tutorial ini membantu Meminimalkan HTML, CSS, dan JavaScript, silakan bagikan artikel ini di Facebook, Indonesia, Google+.

Artikel terkait,

  • Cara Memanfaatkan Caching Peramban di WordPress
  • Bagaimana Mengoptimalkan Basis Data WordPress Menggunakan WP-Sweep
  • 7 Pengoptimal Gambar Terbaik untuk WordPress 2017
  • Cara Mudah Mengaktifkan Kompresi Gzip di WordPress untuk Memuat Lebih Cepat
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map