Tips 8 untuk Mempercepat Situs Web Anda

Artikel ditulis oleh:
  • Inbound Pemasaran
  • Diperbarui: Nov 02, 2018

Bahkan jika tidak ada hal lain yang saya yakini, satu hal yang pasti - Anda telah menemukan setidaknya satu situs web yang sangat lambat dalam kehidupan Anda sebelumnya. Jika itu terdengar akrab bagi Anda, izinkan saya menyampaikan beberapa tips yang saya dapatkan selama beberapa tahun terakhir yang dapat membantu Anda mempercepat situs web Anda.

Jika Anda tidak yakin bahwa kecepatan situs web Anda penting bagi Anda, kemudian pikirkan kembali saat-saat di mana Anda juga telah menutup jendela browser sambil menunggu situs dimuat. Faktanya adalah bahwa 53% orang meninggalkan situs web yang memerlukan lebih dari 3 detik untuk dimuat.

Kinerja situs web Anda penting dan memainkan peran dalam mempengaruhi peringkat mesin pencari Anda. Sebagai contoh, Google lebih suka situs web yang cepat dan memberikan peringkat yang lebih tinggi dalam hasil pencarian.

Waktu buka laman web rata-rata dalam industri yang berbeda (sumber).

Uji kecepatan situs Anda

Untuk memulai, uji seberapa cepat situs Anda dimuat pertama. Beberapa alat yang direkomendasikan adalah:

  • WebPageTest: Kumpulkan kinerja halaman web dari browser nyata yang menjalankan sistem operasi umum.
  • Pingdom: Membantu menganalisis dan menemukan bottleneck dalam kinerja situs web.
  • GTmetrix: Analisis dan tawarkan wawasan yang dapat ditindaklanjuti tentang cara terbaik untuk mengoptimalkan kecepatan halaman web.
  • Bitcatcha: Periksa kecepatan situs dari delapan negara.
Dengan menggunakan penguji kecepatan situs, Anda akan dapat mengetahui seberapa baik situs Anda saat ini dioptimalkan.

Berikut adalah kiat untuk mempercepat situs web Anda ...

1. Pilih Great Web Host

Menurut pengalaman saya, web hosting adalah salah satu pilihan paling penting yang harus Anda buat. Ada web host dan kemudian ada unggul host web. Setiap web host akan memiliki fitur yang berbeda, jadi carilah item-item penting seperti teknologi caching eksklusif, solid state drive atau kontrol atas area penting seperti NGINX.

Saya tidak bisa cukup menekankan ini. Pilihan host web Anda sangat penting. Jika Anda tidak akrab dengan mereka, lihatlah kami ulasan komprehensif dari web host teratas untuk membantu memandu Anda pada keputusan yang terinformasi dengan baik.

2. Minification: Smaller is Better

Adalah hal yang umum untuk situs web saat ini dipenuhi dengan file Javascript dan CSS. Ini menghasilkan satu ton permintaan HTTP selama kunjungan yang mungkin akhirnya memperlambat situs Anda. Di sinilah pengesahan masuk.

Meminimalkan file Javascript dan CSS Anda dilakukan dengan menggabungkan semua skrip Anda ke dalam satu file tunggal (dari setiap jenis). Ini bukan tugas yang mudah, tapi jangan khawatir, ada plugin WordPress yang dapat menangani ini untuk Anda.

Cobalah salah satu dari ini untuk memulai dengan: Autoptimize, Fast Velocity Minify or Gabungkan + Minimalkan + Segarkan

Minifikasi dapat menyebabkan kode Anda terlihat campur aduk - jangan khawatir! Ini normal.

3. Ikuti Prinsip KISS

Ini bukanlah sesuatu yang biasanya diajarkan oleh sebagian besar pakar web, tetapi saya telah menemukan itu sangat berguna dalam banyak hal. KISS adalah akronim untuk "Keep it simple, stupid". Ini diciptakan oleh beberapa orang pintar di 1960 yang menekankan pada efisiensi sistem sederhana.

Sebagai aturan praktis, saya menemukan ini berlaku untuk hampir semua hal dalam kehidupan - bahkan dalam mengatur situs web. Dengan menghindari penerapan dan desain yang terlalu rumit, Anda akan mendapat manfaat dari situs yang cepat dan yang lebih penting, mudah dikelola dan dikelola.

Desain & Visual

Dengan menjaga desain Anda dan visual yang sederhana, yang saya maksud adalah terutama dalam bentuk mengurangi overhead. Sebuah situs yang sangat besar, gambar yang memukau dan video yang memukau kemungkinan akan dimuat secepat sloth pada hari yang buruk. Tetap rapi dan rapi dan cobalah membagi pemuatan video dan gambar Anda di berbagai halaman.

Kode & Pengaya

WordPress adalah hal yang luar biasa karena sangat modular dan sangat mudah digunakan. Tidak peduli apa yang ingin Anda lakukan, kemungkinan seseorang memiliki sudah mendesain plugin untuk itu.

Sesederhana yang terdengar, berhati-hatilah untuk membebani situs Anda dengan plugin. Ingat bahwa setiap plugin dirancang oleh orang yang berbeda (dan mungkin perusahaan yang berbeda). Tujuannya adalah untuk mencapai tujuan tertentu, bukan untuk merampingkan kinerja situs Anda.

Jika Anda bisa, hindari plugin untuk hal-hal yang dapat Anda kelola sendiri. Ambil contoh sebuah plugin yang akan membantu Anda memasukkan tabel ke dalam teks Anda. Anda dapat dengan mudah mempelajari beberapa kode HTML dasar untuk menggambar tabel daripada harus menggunakan plugin untuk itu, bukan?

Beberapa plugin individual dapat memperlambat situs Anda secara signifikan, jadi pastikan Anda melakukan tes kecepatan setiap kali menginstal plugin baru!

4. Leverage pada Jaringan Pengiriman Konten

Bagi saya, Jaringan Pengiriman Konten adalah hadiah dari para dewa. Perusahaan seperti cloudflare & LimeLight Networks mencari nafkah dengan membantu orang lain menikmati pengiriman konten yang stabil dan cepat melalui jaringan server yang berlokasi di seluruh dunia.

Menggunakan CDN akan membantu Anda melayani halaman web Anda lebih cepat dan meningkatkan kecepatan pemuatan di mana pun di dunia pengunjung Anda berasal.

Selain itu, menggunakan CDN juga menawarkan perlindungan ekstra terhadap serangan jahat seperti Distributed Denial of Service (DDoS).

Jika Anda adalah pemilik situs web kecil, maka Cloudflare memiliki opsi gratis yang dapat Anda gunakan yang berfungsi dengan baik. Korporasi dan situs yang lebih besar harus membayar untuk mendapatkan rencana yang lebih baik, tetapi mengingat layaknya CND, itu sepadan dengan harganya!

5. Manfaatkan Caching

Caching persis seperti kedengarannya - menyimpan file statis sehingga ketika pengunjung Anda datang, situs Anda dapat berbagi dari halaman yang dibangun sebelumnya sehingga waktu pemrosesan terpotong. Dalam banyak kasus, yang perlu Anda perhatikan adalah caching sisi server.

Cara yang paling efisien untuk menerapkan caching sisi server adalah melalui pengaturan pada Anda Apache or NGINX server Anda harus melalui dokumen-dokumen itu dan menemukan pengaturan yang tepat yang akan membantu Anda mengatur caching server Anda.

Aturan praktis adalah bahwa apa pun yang membutuhkan banyak pekerjaan dukungan server (pengolahan) harus di-cache jika memungkinkan.

Jika itu menjadi terlalu aneh untuk Anda, Plugin adalah pilihan lain tetapi sekali lagi, saya tidak menyarankan Anda untuk melakukannya dalam kasus ini.

6. Gambar Hog Bandwidth, Optimalkan Hormat!

Ini adalah sedikit ekstensi untuk kata-kata kasar saya sebelumnya terhadap gambar besar dan video di bawah prinsip KISS. Karena itu, saya mengerti bahwa visual adalah kunci untuk membuat situs terlihat cantik. Karena kami tidak dapat sepenuhnya menghindari penggunaannya, mari pastikan bahwa gambar yang Anda gunakan sesingkat mungkin,

Konten web untuk sebagian besar dasar, bahkan ketika menyangkut gambar. Sebagian besar situs web yang saya temui yang memuat seperti sekarat babi sering diseret ke bawah oleh gambar besar yang tidak memiliki tujuan nyata.

Saya tidak mengatakan Anda tidak dapat memiliki gambar yang lebih besar, tetapi pastikan mereka dioptimalkan dengan tepat sebelum mengunggahnya.

Ada dua cara Anda bisa melakukan ini. Sekali lagi, yang pertama adalah melalui plugin seperti WP Smush. Alternatif, atau bagi mereka yang tidak menggunakan WordPress, adalah alat pengoptimalan gambar pihak ketiga seperti gambar Kompresor or Pengoptimal JPEG.

Sebagian besar alat pengoptimalan gambar akan memungkinkan Anda menyelesaikan rincian resolusi pada gambar Anda sehingga Anda dapat secara bertahap menurunkan nada. Mereka akan terlihat hampir sama dengan mata yang tidak terlatih, tetapi ukurannya jauh lebih kecil.

Ini diperbesar di area gambar HD (kiri). Yang asli adalah 2.3MB dan setelah pengoptimalan, yang dikurangi menjadi 331kb!

7. Gunakan Kompresi gzip

Jika Anda pernah mendengar kompresi gambar, atau mungkin pengarsipan (ZIP atau RAR) maka Anda mungkin akan terbiasa dengan teori di balik kompresi gzip. Ini memampatkan kode situs web Anda, menghasilkan peningkatan kecepatan hingga 300% (hasil bervariasi).

Bahkan untuk sesuatu yang teknis seperti ini, Anda dapat langsung dan menggunakan plugin seperti PageSpeed ​​Ninja. Namun, ada metode yang jauh lebih efisien yang hanya melibatkan pengeditan file .htaccess Anda satu kali.

Tambahkan kode di bawah ini ke file .htaccess Anda dan Anda akan diatur:

<IfModule mod_deflate.c> # Kompres HTML, CSS, JavaScript, Teks, XML, dan font AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE aplikasi / rss + xml AddOutputFilterByType DEFLATE aplikasi / vnd.transferTypeFutTemplateTombolTertentuTombolTelepon / x-font-opentype AddOutputFilterByType DEFLATE aplikasi / x-font-otf AddOutputFilterByType DEFLATE aplikasi / x-font-truetype AddOutputFilterByType DEFLATE aplikasi / x-font-ttf AddOutputFilterType DEFLATE xType DEALT DEBRATE xType DEFLATE / / xml AddOutputFilterByType mengempis huruf / OpenType font yang AddOutputFilterByType mengempis / otf AddOutputFilterByType mengempis huruf / ttf AddOutputFilterByType mengempis image / svg + xml AddOutputFilterByType mengempis image / x-icon AddOutputFilterByType mengempis text / css AddOutputFilterByType mengempis text / html AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEFLATE teks / polos AddOutputFilterByType DEFLATE teks / xml </IfModule>

* Catatan: Pastikan bahwa Anda menambahkan kode ini DI BAWAH barang-barang yang Anda miliki saat ini di .htaccess file Anda.

8. Mengurangi pengalihan

Biasanya, browser menerima berbagai bentuk alamat yang pada gilirannya diterjemahkan menjadi yang resmi yang diakui oleh server Anda. Ambil contoh www.example.com dan example.com. Keduanya dapat pergi ke situs yang sama, tetapi yang satu memerlukan server Anda untuk mengalihkannya ke alamat yang resmi dikenali.

Pengalihan tersebut membutuhkan waktu dan sumber daya, jadi tujuan Anda adalah memastikan situs Anda dapat dijangkau melalui tidak lebih dari satu pengalihan. Gunakan ini mengarahkan mapper untuk melihat apakah Anda melakukannya dengan benar.

Mengingat kerumitan melakukan hal ini dengan benar dan waktu yang terlibat secara berkelanjutan, ini adalah satu waktu saya akan merekomendasikan menggunakan plugin seperti Redirection.

Situs Web Lebih Cepat Membuat Pengunjung (dan Google) Bahagia

Kecepatan pita lebar saat ini, bahkan di seluler, telah meningkat sangat banyak dan akan meningkat lebih banyak lagi. Itu berarti bahwa ada sangat sedikit alasan yang tersisa bagi pemilik situs web untuk membuat pengunjung mereka bersiap dengan situs pemuatan lambat.

Percayalah, Anda akan terus kehilangan pengunjung dan pada satu titik, dapatkan reputasi yang buruk sehingga Anda akan dikenal sebagai "Oh, YANG situs web". Jika Anda berada dalam bisnis online, itu membuatnya semakin buruk karena Anda akan membunuh angsa emas Anda sendiri.

Meskipun tips 8 di atas yang saya berikan tidak berarti menjadi semua dan berakhir semua, itu seharusnya memberi Anda awal dan beberapa ide tentang bagaimana mengelola hal-hal sedikit lebih baik. Percepat situs web Anda hari ini dan pertahankan pelanggan atau pengunjung Anda.

Jangan berakhir seperti itu YANG website.

Tentang Timothy Shim

Timothy Shim adalah seorang penulis, editor, dan pakar teknologi. Memulai karirnya di bidang Teknologi Informasi, ia dengan cepat menemukan jalannya untuk mencetak dan sejak itu bekerja dengan judul media internasional, regional dan domestik termasuk ComputerWorld, PC.com, Bisnis Hari Ini, dan The Asian Banker. Keahliannya terletak di bidang teknologi baik dari sudut pandang konsumen maupun perusahaan.