17 Tips Mempercepat Website Anda di Tahun 2022

17 Tips for Speeding Up Your Website in 2022


Ini bukan pertanyaan jebakan: apakah situs web Anda cukup cepat? Waktu muat halaman dapat memengaruhi semuanya, mulai dari berapa lama pengguna tinggal di situs Anda (atau jika mereka melihat konten), hingga peringkat pencarian dan konversi keseluruhan.

Kecepatan penting di dua sisi – untuk desktop dan perangkat seluler – dengan kecepatan seluler lebih penting dari sebelumnya. Situs web Anda tidak hanya harus dimuat dengan cepat; itu perlu memuat dengan cepat di mana pun.

Jadi bagaimana Anda melakukannya? Mulailah dengan menjalankan tes Google PageSpeed ​​untuk melihat peringkat situs Anda (Anda juga akan mendapatkan beberapa saran untuk mempercepat situs Anda di sana). Kemudian, mulailah membuat penyesuaian ini untuk membuat situs web Anda secepat kilat tahun ini.

1. Lakukan Tes Kecepatan Reguler

Tes kecepatan bukan hanya tempat untuk memulai dengan memastikan situs web Anda dibuat menjadi zippy; itu harus menjadi bagian dari pemeliharaan situs reguler Anda.

Kecepatan dapat berubah seiring waktu berdasarkan hal-hal yang telah Anda tambahkan atau ubah dengan situs web, penurunan teknologi, atau bahkan tema atau alat yang ketinggalan zaman. Inilah sebabnya mengapa penting untuk menguji pada frekuensi reguler dan melakukan penyesuaian sesuai kebutuhan.

Bonusnya di sini adalah Anda akan menjaga situs web Anda berjalan cepat dan ada keuntungan di mesin pencari juga. (Kecepatan penting dalam hal menciptakan pengalaman pengguna yang luar biasa)

2. Optimalkan Konten untuk Kecepatan

Cara Anda menyusun konten adalah salah satu hal kecil yang dapat membantu kecepatan situs web serta keterbacaan.

Ini bisa sangat membantu untuk blogger atau situs web dengan konten yang panjang.

Cobalah hal-hal ini terlebih dahulu:

  • Gunakan kutipan atau baca lebih banyak tag (WordPress) sehingga umpan blog menyertakan potongan pendek posting dengan tautan ke teks lengkap.
  • Pisahkan artikel atau posting yang panjang menjadi beberapa halaman (Bagian 1, Bagian 2, dll.)
  • Hapus komentar dari konten halaman sehingga mereka berada di lokasi mereka sendiri.
  • Gunakan penautan untuk memecah konten seperti galeri foto, yang dapat diunduh, dll. sehingga tidak ada banyak elemen berat pada satu halaman.

3. Jangan Hotlink

Apakah Anda hotlink? Berhenti segera.

Hotlinking, atau menyalin sumber gambar dari satu situs web ke situs web lainnya, adalah pembunuh kecepatan. Dan itu tidak hanya buruk untuk kecepatan, itu tidak etis dalam banyak kasus dan dapat datang dengan pertimbangan hukum atau hak cipta. Jadi jangan lakukan itu.

Anda ingin gambar dimuat dari hosting dan server Anda. Anda juga dapat mengambil langkah tambahan untuk mencegah orang lain menautkan gambar Anda, yang dapat menyebabkan kecepatan terkuras.

  • Gunakan CDN (baca lebih lanjut tentang itu di bawah)
  • Nonaktifkan klik kanan pada gambar
  • Ubah file htaccess untuk menonaktifkan hotlinking

4. Jangan Terlalu Memperumit Hal

tingkatkan kecepatan situs web

Salah satu cara terbaik untuk menjaga situs web Anda tetap aktif dan dapat digunakan adalah dengan membuatnya tetap sederhana. Prinsip yang sama yang berlaku untuk desain situs web juga berlaku untuk fungsionalitas.

Salah satu jebakan desain situs web dapat menambahkan terlalu banyak efek dan fitur yang secara dramatis menghambat waktu pengunduhan. Apakah Anda memerlukan beberapa animasi mewah pada gambar? Apakah Anda memerlukan penggeser video di halaman beranda? Apakah Anda memerlukan tiga plugin untuk melakukan sesuatu yang dapat dilakukan oleh sedikit pengembangan kustom?

Semua hal ini dapat membuat situs web Anda lambat. Menghapus elemen dan fitur yang tidak perlu dapat berdampak besar pada kecepatan, dan akibatnya kegunaan.

Jika Anda tidak yakin harus mulai dari mana, analytics dapat memberikan data baru untuk membantu Anda membuat pilihan. Mulailah dengan penggeser itu. Apakah ada yang mengkliknya? (Atau adakah yang mengklik melewati slide pertama?) Jika tidak, itu bisa menjadi indikator bahwa gambar statis baik-baik saja. Cari petunjuk kecil ini di seluruh desain situs web Anda untuk menyederhanakan dan mempercepatnya.

5. Kompres Ini

tingkatkan kecepatan situs web

Kompres file situs web untuk menghemat lebih banyak bandwidth dan mengurangi waktu muat. Kompresi situs web menggunakan format gzip, yang merupakan file zip, yang kemudian dapat dibuka dan dirender oleh browser.

Ini menghemat waktu karena file zip kecil ditransmisikan ke seluruh web lebih cepat daripada banyak file kecil secara bersamaan.

Dari gzip.org: “gzip adalah utilitas kompresi data lossless file tunggal/aliran, di mana file terkompresi yang dihasilkan umumnya memiliki akhiran .gz. gzip juga mengacu pada format data terkompresi terkait yang digunakan oleh utilitas.”

Gzip diaktifkan dengan menambahkan sedikit kode ke file htaccess Anda. (Anda juga dapat mengambil plugin, tetapi itu tidak perlu.)

6. Pertimbangkan CDN (Jaringan Pengiriman Konten)

Jaringan pengiriman konten, atau CDN, dapat secara dramatis meningkatkan kecepatan dan menghemat bandwidth.

CDN menghosting file di seluruh jaringan server, bukan di satu lokasi. Dengan begitu ketika seseorang mengunjungi situs web Anda, data dimuat dari lokasi server yang paling dekat dengan mereka, mengurangi beban server serta melindungi situs web Anda dari lonjakan lalu lintas atau serangan DDoS. (Ini adalah win-win.)

CDN sangat berguna jika Anda mendapatkan banyak lalu lintas sekaligus – misalnya setelah mengirim email tentang penawaran promo – karena CDN membagi lalu lintas. Dengan begitu, setiap orang memiliki pengalaman menjelajah situs web yang sama dan cepat.

7. Bersihkan Basis Data Anda

tingkatkan kecepatan situs web

Berapa lama Anda bekerja dari database situs web yang sama? Terutama jika Anda menggunakan WordPress, itu bisa menjadi sangat berantakan dari waktu ke waktu. (Anggap saja seperti lemari tempat Anda menyimpan barang-barang yang Anda mungkin butuh satu hari.

Bersihkan.

Rapikan database Anda dan hapus apa pun yang tidak digunakan lagi. Ini dapat mencakup apa saja mulai dari aset grafis dan file hingga plugin dan JavaScript asing.

Basis data yang lebih kecil dan lebih ringan akan mengembalikan file lebih cepat. (Ini juga membuat pencadangan lebih ringan dan lebih mudah.)

8. Minimalkan TTFB (Waktu ke Byte Pertama)

Semakin cepat konten muncul untuk pengguna, semakin cepat memuat situs, bukan? Yah … semacam.

Waktu untuk byte pertama adalah yang terpenting. Itu adalah berapa lama browser harus menunggu sebelum mendapatkan byte data pertama dari server. (Google mengatakan TTFB harus kurang dari 200 milidetik.)

Itu salah satu hal yang memiliki dampak menetes ke bawah. Semakin cepat byte pertama tiba di browser untuk dirender, semakin cepat data berikutnya kemungkinan dimuat. Beberapa faktor dapat memengaruhi TTFB yang berada di luar kendali Anda seperti koneksi jaringan yang buruk di sisi pengguna, tetapi dalam situasi yang ideal, data awal harus tiba dan dimuat dengan cepat.

9. Mulai Caching Sekarang

tingkatkan kecepatan situs web

Google menempatkan caching di bagian atas daftar rekomendasinya:

“Caching memungkinkan browser untuk menyimpan file yang sering diminta pada perangkat pengguna untuk jangka waktu tertentu. Saat caching diaktifkan, pemuatan halaman berikutnya bisa lebih efisien.”

Caching menyimpan komponen situs web Anda di cache pengguna sehingga ketika mereka kembali, semuanya tidak perlu diunduh lagi. Jadi, pertama kali pengunjung datang ke situs Anda, mungkin perlu 3 detik untuk memuat, tetapi kunjungan berikutnya mungkin turun menjadi kurang dari satu detik karena semua data itu sudah “disimpan” dengan pengguna.

Meskipun caching tidak banyak membantu pengunjung baru, ini adalah penghemat kecepatan yang luar biasa untuk pengunjung yang kembali (atau orang yang menjelajahi beberapa halaman situs Anda).

10. Optimalkan Gambar

tingkatkan kecepatan situs web

Anda menyimpan gambar untuk web, bukan?

Sulit dipercaya bahwa banyak pemilik situs web masih mengunggah gambar ukuran penuh ke halaman mereka. Dan ini adalah pembunuh kecepatan.

Pangkas gambar ke bentuk dan ukuran yang diperlukan sebelum mengunggahnya. Kompres ukuran file sebanyak mungkin tanpa mengorbankan elemen visual. Simpan dalam format file kecil – JPG secara konsisten menyimpan lebih kecil dari PNG, gunakan format file sebelumnya kecuali Anda memerlukan transparansi dari yang terakhir.

Anda dapat melakukan semua ini dengan mengoptimalkan diri Anda dalam perangkat lunak seperti Adobe Photoshop atau mencoba alat online gratis seperti Compressor.

11. Sematkan File Besar (Seperti Video)

tingkatkan kecepatan situs web

YouTube dibuat untuk menampung dan mengirimkan konten video dengan kecepatan tinggi.

File besar dapat menyedot bandwidth langsung dari situs web Anda. Mereka mungkin sulit diatur dan dikompres.

Hapus file-file itu dari situs web Anda dan gunakan penyematan media untuk menarik informasi ini dari platform hosting eksternal.

Anggap saja seperti ini: YouTube dibuat untuk menampung dan mengirimkan konten video dengan kecepatan tinggi. Anda tidak bisa melakukannya lebih baik dari monster ini. Jadi, gunakan untuk keuntungan Anda dan simpan file video di YouTube (atau Vimeo atau platform video lain pilihan Anda) dan sematkan konten ke dalam desain Anda. Pengguna tidak akan tahu perbedaannya… tetapi mereka akan melihat seberapa cepat situs web Anda dimuat.

12. Berhati-hatilah dengan JavaScript

tingkatkan kecepatan situs web

Sebagian besar hal keren yang terjadi di situs web Anda kemungkinan besar adalah produk JavaScript. Dan itu bisa menjadi berat. Tapi tidak apa-apa jika Anda berhati-hati dengan cara Anda menangani kueri dan pemuatan JS.

  • Gunakan pemuatan asinkron untuk file JavaScript: Ini mempercepat halaman karena file dimuat secara bersamaan, bukan dari atas ke bawah. Trik bagus dengan pemuatan asinkron adalah jika satu file macet atau berhenti, file itu tidak akan menghentikan sisanya; skrip tersebut akan terus dimuat dan berfungsi.
  • Tunda beberapa file JS dari memuat: Beri tahu beberapa file JS, terutama file besar yang tidak memengaruhi fungsionalitas langsung, untuk dimuat setelah semua elemen lainnya selesai. Anda bisa belajar melakukannya di sini.
  • Optimalkan dan perkecil: Ini masuk akal – file yang lebih kecil akan dimuat lebih cepat. Jangan lupa untuk mengecilkan JS itu.
  • Letakkan JavaScript di bagian bawah file: Elemen lain dan JS tidak dimuat dengan baik. Selesaikan masalah ini dengan membiarkan konten HTML dimuat sebelum JavaScript.

13. Hilangkan Pengalihan yang Tidak Perlu

tingkatkan kecepatan situs web

Apakah Anda masih mengarahkan ulang halaman dari dua desain ulang yang lalu? Hentikan. Itu membunuh waktu muat.

Sementara beberapa pengalihan adalah kejahatan yang diperlukan, pertahankan seminimal mungkin.

Gunakan alat seperti Redirect Mapper untuk mencari tahu pengalihan apa yang aktif di situs Anda, dan hilangkan pengalihan yang tidak Anda ketahui di sana. Ke depan, pertimbangkan untuk memperbarui halaman yang kedaluwarsa daripada menambahkan halaman baru dengan konten serupa. Ini jauh lebih baik untuk pengoptimalan pencarian, dan semua tautan itu akan terus berfungsi!

14. Pilih Hosting yang Tepat

Akun hosting yang tepat dapat meningkatkan atau menghancurkan kecepatan. Jika Anda telah mencoba banyak perbaikan lain di sini dan masih mengalami masalah kecepatan, mungkin tuan rumah Anda yang harus disalahkan.

Dengan begitu banyak pilihan, mungkin sulit untuk menemukan paket hosting terbaik untuk uang Anda. Ketika datang ke hosting yang dibuat untuk kecepatan, cari opsi server khusus. Pilihan yang lebih disukai untuk sebagian besar pemilik situs web adalah hosting VPS, yang menawarkan waktu muat lebih cepat, tetapi Anda tidak harus mengelola hosting sendiri.

Tidak yakin harus mulai dari mana dengan hosting? Berikut rincian tujuh opsi hosting yang dibuat untuk kecepatan.

15. Minimalkan Permintaan HTTP

Jumlah elemen halaman yang harus diunduh setiap kali pengguna mengunjungi situs web Anda secara dramatis memengaruhi waktu buka. Ini mencakup semuanya, mulai dari gambar, stylesheet, hingga skrip, dan sebanyak 80 persen waktu buka dapat diperhitungkan dengan komponen front-end ini.

Solusi terbaik adalah menggunakan file gabungan untuk mengurangi jumlah permintaan. Itu berarti menempatkan semua CSS dalam satu stylesheet atau menggabungkan skrip jika memungkinkan.

Semuanya bermuara pada kode ringan dan praktik terbaik. Semakin banyak setiap browser harus membaca, semakin lama waktu yang dibutuhkan untuk memuat.

16. Hapus Plugin yang Tidak Perlu

tingkatkan kecepatan situs web

Tidak ada yang membebani situs web seperti sekumpulan plugin yang berjalan sepanjang waktu. (Apakah Anda memerlukan plugin Google Analytics?)

Singkirkan redundansi plugin jika memungkinkan. Singkirkan plugin yang tidak diperbarui secara berkala dan tidak berfungsi dengan versi lingkungan situs web Anda saat ini.

Dan untuk hal-hal yang dapat Anda lakukan secara manual … berhenti menggunakan plugin. Mereka hanya memperlambat situs web Anda.

17. Aktifkan Pemuatan Malas

Bagaimana jika elemen di atas gulir memuat sedikit lebih cepat daripada yang lainnya? Ini adalah salah satu “trik” yang dapat bekerja untuk halaman yang lebih berat dan lebih kompleks.

Pemuatan malas bisa ideal untuk halaman gulir yang panjang. Itu memuat konten dari atas ke bawah halaman dan berfungsi dengan baik jika halaman Anda memiliki banyak gambar di bawah gulir (bahkan jika itu bertentangan dengan beberapa saran lain yang diuraikan di sini. Ada baiknya memiliki opsi, bukan?)

Ini pada dasarnya adalah opsi caching yang mewah.

Kesimpulan

Apa yang Anda lakukan untuk memastikan bahwa situs web Anda dibuat untuk kecepatan?

Mengikuti praktik terbaik untuk kecepatan desktop dan seluler berdampak lebih dari sekadar seberapa cepat pengguna dapat melihat situs web Anda. Ini mempengaruhi peringkat situs, optimasi pencarian, dan tingkat konversi juga. (Bagaimana seharusnya pengguna membeli produk jika halaman tidak dimuat?)

Buatlah titik untuk mulai membersihkan kode Anda dan mengoptimalkan situs Anda, bahkan jika Anda hanya melakukan salah satu dari hal ini per bulan, Anda akan mulai melihat hasilnya. Semoga berhasil!



sumber

Leave a Reply