Dari semua platform CMS yang tersedia, WordPress sejauh ini adalah platform yang paling banyak digunakan. Ini juga salah satu alasan ada banyak plugin dan “plugin” optimasi yang baik yang tersedia untuk itu. Masalah dengan WordPress adalah bahwa hal itu bisa sangat lambat ketika Anda menggunakannya dalam bentuk instalasi aslinya tanpa mengutak-atiknya, terutama ketika banyak plugin dipasang.
14 Cara Bikin Loading Website Lebih Baik
Uji situs web Anda
Sebelum mengoptimalkan situs web Anda, ada baiknya untuk terlebih dahulu mengujinya dengan uji kecepatan situs web. Dengan menggunakan speed web test Anda dapat dengan cepat melihat apa penyebabnya sehingga kinerja web Anda lambat, kemudian Anda dapat membandingkan sebelum dan sesudah hasil ketika Anda selesai mengoptimalkan situs web Anda. (gtmatrix.com dan https://developers.google.com/speed/pagespeed/insights/
Hapus Javascript yang tidak perlu dari header dan footer
Template WordPress standar memuat pustaka Jquery di kepala HTML dari laman web publik, meskipun dalam banyak kasus halaman web ini sebenarnya tidak memerlukan Jquery untuk apa pun. Selain itu, terkadang pemasangan template khusus yang dikodekan dengan baik disertai dengan berbagai file Javascript yang tidak digunakan atau diperlukan juga.
Kode-kode ini, paling sering ditemukan di header dan footer, memperlambat situs web Anda karena skrip memerlukan waktu untuk memuat dan pemuatan file juga menambahkan permintaan HTTP tambahan.
Buka Editor WordPress (Tampilan >> Editor) dan klik pada header header.php di sidebar kanan. Buat cadangan kode yang Anda lihat dan bereksperimen dengan menghapus semua (ya, semua) file Javascript untuk melihat apakah itu memengaruhi halaman web Anda.
Bereksperimenlah dengan menghapus setiap skrip satu per satu dan hanya menghapus skrip yang tidak memengaruhi situs web Anda. Sekarang buka kode footer.php di editor dan lakukan hal yang sama. Hapus banyak file dan skrip yang Anda bisa. Semakin rendah semakin baik.
Sekali lagi, ingatlah untuk selalu membuat cadangan dari kode header.php dan footer.php Anda sebelum Anda menghapus apa pun sehingga Anda dapat menambahkan kode lama kembali ketika menghapus file Javascript tidak mempengaruhi situs web Anda.
Gunakan plugin cache
Setiap kali pengunjung memuat halaman di situs web Anda, WordPress mencari versi terbaru dari halaman itu. Ini berarti harus terus memuat database untuk mengambil informasi baru ini. Biasanya, pemuatan basis data sama sekali tidak diperlukan karena sebagian besar halaman tidak sering berubah setelah dibuat.
Plugin cache memperbaiki masalah ini dengan membuat salinan statis dari halaman web Anda dan mengirimkannya ke pengunjung Anda tanpa memuat database dengan setiap kunjungan, juga dikenal sebagai caching. Ini dapat mempercepat waktu pemuatan halaman web Anda secara signifikan.
Salah satu plugin terbaik adalah WP Super Cache. W3 Total Cache adalah plugin hebat juga. Ada berbagai plugin cache lain yang dapat Anda coba juga.
Gunakan WP Optimize
WP Optimize adalah plugin kecil yang rapi yang membantu Anda membersihkan dan meminimalkan basis data WordPress Anda. Anda dapat mengoptimalkan dan membersihkan database MySQL Anda, mengosongkan sampah, menghapus revisi posting, menghapus komentar spam, menghapus pingback dan trackback dengan satu klik mouse.
Dengan beberapa situs web itu telah mengurangi ukuran basis data hingga 80% atau lebih. Ini meningkatkan kinerja situs web Anda karena basis data WordPress menyumbat dan menjadi tidak efisien dalam jangka waktu yang lebih lama. Gunakan plugin ini dengan hati-hati, jangan bersihkan / hapus hal-hal yang tidak Anda yakini.
Aktifkan cache browser di file .htaccess
Browser caching memungkinkan Anda untuk menyimpan file web dari situs web Anda ke hard disk pengunjung Anda. Sekarang setiap kali pengunjung mengunjungi salah satu halaman web Anda, file web ini akan dimuat dari komputer mereka, yang mempercepat proses pengunduhan dan sangat meningkatkan kecepatan halaman.
Aktifkan kompresi gzip
Mengaktifkan kompresi gzip akan memampatkan file web Anda ke file gzip yang dikompresi sebelum dikirim ke browser pengunjung. Gzip dapat memampatkan file web hingga 80% dari ukuran aslinya.
Versi kompresi file web Anda yang dikirim ke browser pengunjung (semua browser mendukung gzip) akan didekompresi oleh browser untuk memuat kembali file asli lengkap.
Ini akan mempercepat situs web Anda karena file gzip lebih kecil dalam ukuran file sebagai halaman asli dan oleh karena itu pengunjung Anda harus mengunduh lebih sedikit kilobyte.
Minimalkan jumlah tombol media sosial
Setiap tombol media sosial (Facebook, Twitter, dll.) Memerlukan browser untuk memuat semua file web yang diperlukan (seperti gambar tombol) yang menyertainya. Ini dapat menambahkan banyak permintaan HTTP tambahan. Ketika Anda bersikeras menggunakan tombol, Anda harus selalu menghostingnya di situs web Anda sendiri.
Minimalkan plugin & nonaktifkan yang lambat
Beberapa plugin dapat menurunkan kecepatan pemuatan halaman web WordPress Anda. Uninstall plugin Anda tidak perlu meminimalkan masalah ini. Selalu uji plugin sebelum Anda menggunakannya. Ketika memperlambat situs web Anda, coba temukan cara lain untuk memperbaiki masalah yang pertama kali dibantu oleh plugin. Gunakan P3 Plugin Performance Profiler untuk mendeteksi plugin mana yang memperlambat situs web Anda.
Catatan Penting:
Ini bukan tentang seberapa banyak jumlah plugins yang Anda install pada website Anda, tetapi tentang kualitas dari seluruh plugins yang Anda install.
Website dengan 50 plugins dapat memuat halaman website lebih cepat dari website dengan 10 plugins jika website dengan jumlah plugins yang lebih sedikit itu mempunyai plugins yang jelek.
Umumnya, Anda perlu menghindari penggunaan plugin yang terlalu banyak memuat script, banyak melakukan permintaan/request, dan plugin yang diam-diam menambahkan ekstra query database pada setiap halaman website.
Optimalkan gambar Anda
Dengan meminimalkan ukuran file foto dan gambar Anda, Anda dapat mempercepat waktu memuat halaman web Anda. Ada berbagai alat untuk melakukan ini. Untuk mengoptimalkan gambar PNG atau gambar JPG Anda dapat menggunakan Kompresor PNG atau JPEG Compressor, terkadang dapat mengurangi ukuran hingga 50% atau lebih.
Salah satu plugin yang paling populer untuk WordPress adalah plugin EWWW Image Optimizer. Plugin ini menggunakan teknik kompresi gambar yang terkenal (optipng, jpegtran, pngquant, pngout, dan gifsicle) dengan satu klik mouse yang sederhana. Ada juga plugin bagus lainnya yang tersedia seperti WP Smush.it.
Gunakan sprite gambar CSS
Sebagian besar situs web menggunakan variasi gambar dalam desain template atau untuk fungsi-fungsi tertentu. Setiap kali gambar-gambar ini dimuat di halaman web Anda itu menambah permintaan HTTP tambahan. Salah satu cara untuk meminimalkan jumlah permintaan HTTP adalah dengan menggunakan sprite CSS.
Sprite CSS memberi Anda kemampuan untuk menggabungkan beberapa gambar menjadi satu sementara masih bisa menggunakannya secara individual di tempat yang berbeda di halaman web Anda dengan menggunakan koordinat X dan Y yang didefinisikan dalam skrip CSS.
Dengan cara ini Anda hanya perlu membuat satu permintaan HTTP untuk memuat beberapa gambar. Gunakan Generator CSS Sprite untuk membuat sprite dan baca petunjuk untuk menempatkannya di situs Anda.
Gambar Animate Lazy Load
Anda harus malas memuat gamar untuk pengalaman pengunjung yang lebih cepat dengan meningkatkan perenderan konten paruh atas.
CSS & Javascript sebaris
Sisip skrip CSS dan Javascript Anda untuk mempercepat rendering halaman web Anda.
Tidak bisa segaris? Gabungkan semua file CSS atau Javascript ke satu file besar
Untuk bantuan tentang cara menangani file Javascript ketika menyangkut kecepatan halaman. Tentang file CSS: Kebanyakan tema WordPress memuat banyak file CSS, kadang-kadang sebanyak 10 atau lebih.
Ini menambah permintaan HTTP yang tidak perlu yang dapat memengaruhi kinerja situs web. Salin skrip semua file CSS dan tambahkan ke satu file CSS. Sekarang buka Editor WordPress, buka kode header.php dan ganti semua baris CSS dengan satu kode CSS yang mengarah ke file CSS besar. Anda mungkin harus mengedit fungsi wp_head untuk mencapai ini. Ketika Anda dapat mengedit header salin skrip dari file css besar dan letakkan di dalam header dalam tag gaya seperti ini:
<style> the CSS code </style>
Anda juga dapat menggunakan Kompresor CSS untuk memperkecil ukuran skrip Anda secara signifikan. Buat cadangan skrip Anda sebelum Anda menggunakan alat ini karena mengubah struktur skrip Anda untuk membuatnya sekecil mungkin.
Plugin HTML Minifier
Gunakan plugin yang dapat secara otomatis mengecilkan halaman HTML untuk Anda. Yang hebat adalah WP HTML Compression. Ini berfungsi dengan baik di sebagian besar situs web dan memiliki sangat sedikit bug. Uji di situs web Anda sendiri untuk melihat apakah itu berfungsi untuk Anda.
Skrip asynchronous
Menggunakan skrip asynchronous akan menurunkan kecepatan beban situs web Anda karena pemuatan skrip tidak akan mengganggu pemuatan halaman. Singkatnya ini berarti bahwa bahkan jika skrip ini dimuat dengan lambat, halaman web Anda dapat menyelesaikan pemuatan dan dilihat oleh pengunjung Anda tanpa memuat skrip terlebih dahulu. Lihat di sini untuk informasi lebih lanjut.
