Cara Mengurangi Waktu Muat Situs WordPress – 6,3 Detik menjadi 2 Detik

Diterbitkan: 2022-05-04

Transkrip Video

Video ini akan memandu Anda melalui proses yang kami gunakan di Sagapixel untuk menurunkan waktu muat situs web dari sekitar enam detik menjadi sesuatu yang sedikit lebih dapat diterima. Mudah-mudahan kita akan berakhir dalam rentang dua hingga tiga detik untuk situs web ini.

Metode ini akan menggunakan semua plugin gratis. Mereka ada di repositori WordPress, dan saya akan menjelaskan apa yang masing-masing lakukan saat saya menggunakannya. Mari kita melompat ke dalamnya. Ini adalah laporan GTMetrix untuk situs web yang kami buat beberapa bulan lalu yang belum benar-benar dioptimalkan.

Saya sebenarnya akan pergi ke ujung depan situs, akan menggunakan browser saya, juga, jadi kita akan pergi ke jaringan dan saya akan melakukan hard refresh. Saya menggunakan Mac. Saya akan menahan shift dan tekan refresh sehingga akan menghapus cache, dan lambat. Ya, benda itu memiliki waktu hingga byte pertama enam detik.

Itu cukup konyol, dan kami tidak akan membiarkan situs web klien duduk di sana dan membutuhkan waktu lama untuk byte pertama. Sekarang, server itu sendiri mungkin merupakan faktor. Saya tahu bahwa mereka menggunakan hosting GoDaddy berkualitas sangat rendah, tetapi kami pasti dapat mempercepatnya, jadi selama 10 menit ke depan atau lebih kami akan menyelesaikannya.

Pertama saya akan masuk ke hal ini, dan kita akan pergi ke plugin. Hal pertama yang perlu diaktifkan adalah minify kecepatan cepat ini. Minify kecepatan cepat akan menggabungkan banyak aset yang sedang dimuat, jadi hal pertama, saya yakin ini memiliki SSL yang terpasang, jadi saya akan mengatur hal ini untuk memaksa SSL.

Saya tidak akan memeriksa itu. Itu biasanya tidak menjadi masalah besar. Saya tidak ingin menonaktifkan penggabungan font Google. Saya tidak ingin mempertahankan urutan file CSS. Saya ingin menyejajarkan CSS di header dan footer. Alasan saya memeriksa pengaturan ini adalah karena kami bekerja terutama dengan Elementor, dan saya tahu bahwa pengaturan ini tidak akan menyebabkan kerusakan apa pun.

Saat Anda menggunakan minify kecepatan cepat, jika Anda merusak sesuatu, itu mungkin akan terjadi di Chrome, jadi pastikan bahwa setelah Anda melakukan semua pengaturan dan keluar dari situs web, Anda menjalankan Chrome dan pastikan Anda tidak membunuh style sheet Anda.

Baiklah, saya tidak akan menonaktifkan apa pun. Terlihat bagus di sini, jadi saya akan menyimpannya, dan saya akan menjalankan ulang metrik Gt. Baru saja melakukan itu mungkin akan mengurangi sebagian waktu buka di situs ini. Banyak dari itu mungkin masih server.

Oke, itu membuatnya turun sedikit lebih dari satu detik. Kami belum selesai. Plugin berikutnya yang akan kita instal adalah ... di situs ini, kita memiliki pengoptimal gambar piksel pendek. Sepertinya itu tidak pernah diaktifkan, jadi kami mungkin harus mengoptimalkan beberapa gambar.

Saya sebenarnya tidak akan menggunakan yang itu. Saya akan memasang plugin lain yang telah kami adopsi baru-baru ini yang akan menangani banyak hal yang perlu diperhatikan, termasuk pengoptimalan gambar, jadi kami harus mengoptimalkan ulang.

Oke, jadi pergi ke pengaturan, dan hal pertama yang akan kita lakukan adalah pergi ke cache. Saya akan mengaktifkan caching halaman. Saya juga akan memastikan bahwa saya tidak memiliki plugin caching yang sudah aktif di sini, yang tidak. Bagus. Dan saya akan mengaktifkan caching halaman.

Hal berikutnya yang akan saya lakukan adalah pergi ke preload dan saya akan mengaktifkan preloader terjadwal ini. Saya pikir kita akan melakukan ini sekali sehari. Simpan, dan saya akan menjalankannya sekarang, dan ini akan mulai memuat semua URL, seperti yang dapat Anda baca di sini, yang sebenarnya akan memicu untuk mengoptimalkan ulang, untuk men-cache situs web dengan mengunjungi halaman untuk memuatnya terlebih dahulu sehingga pertama kali pengunjung manusia menginginkan mereka, situs tidak harus membuat semuanya.

Kita harus memberikan itu sebentar. Hal berikutnya yang akan saya lakukan adalah pergi ke gambar, dan mulai sekarang kita akan mengatur hal ini untuk secara otomatis mengompresi gambar yang baru ditambahkan. Ini akan melakukan ini dengan menghubungkan ke WP Smush. Jika Anda tidak ingin menggunakan ini, kami dapat menghapus centang ini, dan saya akan mengatakan bahwa piksel pendek secara umum mungkin yang terbaik dalam menangani pengoptimalan gambar.

Seluruh proses pramuat halaman ini sebenarnya membutuhkan sedikit waktu. Anda tahu, kita baru sampai di halaman 17 dari 30. Hal berikutnya yang akan kita bahas saat itu adalah di sini. Kami akan melihat database, dan kami memiliki opsi ini untuk mengoptimalkan tabel database, membersihkan revisi posting, jadi ini akan benar-benar membersihkan database dan memungkinkannya berjalan lebih cepat, tapi saya benar-benar ingin menekankan bahwa itu akan menyingkirkan barang-barang.

Jadi, jika Anda memiliki, jika ada kemungkinan Anda ingin memulihkan postingan lama, pulihkan halaman lama kembali seperti dulu, dengan menjalankan pengoptimalan ini, Anda akan menghapus semua versi lama dari segalanya, jadi Anda mungkin ingin mencadangkan situs web Anda sebelum melakukan apa pun ke database.

Saya tahu bahwa kami memiliki cadangan ini. Saya juga tidak akan melakukannya saat kita menjalankan preload, tapi sepertinya itu sudah diurus, jadi mari kita pergi ke sini. Saya akan menjalankan semua pengoptimalan ini. Di sini kami memiliki 1.200 revisi posting yang sekarang dihapus.

Ini akan memakan waktu cukup lama untuk melalui ini, kadang-kadang. Ini adalah situs web yang cukup kecil, jadi sebenarnya tidak memakan banyak waktu, tetapi mari kita jalankan ini sekali lagi, lihat apa yang telah dilakukan. Baiklah, sekarang kita turun ke 2,6 detik dari sebelumnya, apa itu, lebih dari 6 detik sebelum kita mulai.

Yang berikutnya yang akan saya tambahkan adalah beban malas. Lazy loading, ini dia, lazy load oleh WP Rock adalah salah satu yang saya gunakan. Sangat mudah untuk dikonfigurasi. Cukup klik, aktifkan, masuk ke pengaturan, dan kami hanya akan mencentang beberapa kotak di sini.

Gambar, I-frame. Saya tidak akan membuat video YouTube dengan thumbnail. Simpan perubahan. Oke. Sekarang, langkah terakhir, sungguh, saya pikir mengoptimalkan ... kita tidak akan duduk di sini sementara kita mengoptimalkan seluruh perpustakaan, tetapi mengoptimalkan gambar untuk hal ini akan menjadi langkah terakhir untuk benar-benar menyelesaikannya.

Saya pikir kita mungkin akan menguranginya menjadi sekitar 2,5 detik jika kita akhirnya menggunakan gambar yang terlalu besar dan situsnya. Saya harap ini bermanfaat. Benar-benar membuat situs WordPress dimuat dengan cepat sebenarnya tidak terlalu sulit.

Saya pikir itu juga banyak kritik dari pembuat halaman visual, seperti WP Bakery, dalam hal ini Elementor, Divi, mereka tidak beralasan, karena ada banyak hal yang dapat Anda lakukan untuk membuat situs web ini memuat dengan cepat bahkan dengan pembuat halaman visual.

Jika ini bermanfaat, pastikan Anda meninggalkan komentar dan jika Anda tertarik untuk belajar tentang SEO dan WordPress, pastikan Anda berlangganan saluran kami. Terima kasih.