14 Trik Kilat Untuk Site Web Mempercepat Anda

Blog Rangkaian site web tentang kecepatan telah menjadi petualangan seru.


Sejauh ini, kita telah mempelajari bahwa Amazon akan kehilangan 1,6 $ MILIAR (!) Site web de jika mereka melambat.

Kita juga mempelajari di balik layar apa yang sebenarnya penyebab melambatnya site web.

Hal ini membuat kita menarik kesimpulan secara alami: bagaimana cara paling tepat untuk mempercepat segala sesuatunya? Kami membahas semuanya mulai dari kecepatan server, hingga pengoptimalan dan beberapa pembahasan tambahan lainya.

Daftar Isi

Bagian 1: Mempercepat Server Anda

  1. Hébergeur Tingkatkan ke yang lebih baik
  2. Beralih dari Hébergement partagé ke VPS
  3. Serveur Pindahkan agar lebih dekat dengan audiens Anda
  4. Gunakan jaringan pengiriman konten
  5. Aktifkan pengaturan «selalu aktif»

Site Web de Bagian 2: Mengoptimalkan Elemen

  1. Mengurangi Temps de parcours (RTT)
  2. Aktifkan kompresi di website Anda
  3. Optimalkan gambar
  4. Buat sprites
  5. Ringkas kode Anda
  6. Hapus instalasi plugin yang tidak berguna
  7. Kurangi arahan balik

Bagian 3: Bonus Ekstra

  1. Recherche DNS Kurangi
  2. Navigateur de cache Melakukan
  3. Panduan kecepatan WordPress

Pertama, mari kita catat penyebab melambatnya kecepatan:

Ketika Anda memuat site web saya di Bitcatcha ini, navigateur Anda (Firefox, Safari, Chrome, dll) memulai percakapan dengan server web saya.

Navigateur: «Hai, serveur web! Bisakah kau memberiku semua bit dan potongan yang untuk menampilkan Bitcatcha.com? “

Serveur: “Baik, akan kucari dan kukirimkan padamu!”

Kemudian, serveur web menempatkan semua bagian site web ke dalam saluran, dan mengirimkannya ke navigateur Anda untuk dimuat.

Terdengar cukup sederhana, tetapi berikut ini adalah beberapa hal akan memperlambat segalanya.

  • Serveur yang malas akan membutuhkan waktu lama untuk merespons permintaan.
  • Serveur mengelola banyak bagian dari berbagai site web secara bersamaan.
  • Site Web de Banyak «bagian» dari besar yang harus ditemukan dan dikirim ke saluran.
  • Saluran sibuk.

Di situ, ada banyak hal yang mungkin akan bermasalah. Jadi, bagaimana cara kita mempercepatnya?

Accélérez votre site Web

(Kembali Ke Atas)

Bagian 1: Mempercepat Server Anda

1. Tingkatkan ke héberge le yang lebih baik (serveur mis yang lebih baik)

Hôte Web adalah perusahaan yang menyediakan server. Bisa diibaratkan seperti menyewa sebidang lahan di internet, tempat menyimpan semua bagian website.

Sebagian besar dari kita cenderung membeli sebidang lahan termurah yang dapat kita temukan. Namun, itu belum tentu solusi yang bijaksana.

Hébergeur web serveur murah menyewa yang ramai dan kecil. Ingat, Anda ingin server yang dapat merespon permintaan dengan cepat, dan juga dapat dengan cepat mengirim site web ke saluran kemudian ke browser.

Catatan

Lihatlah Daftar Web Hosting Tercepat Kami Berdasarkan Waktu Respons Server Mereka.

(Kembali Ke Atas)

2. Beralih dari hébergement mutualisé ke VPS

Hébergeur web yang murah akan menempatkan site web Anda di server bersama dengan banyak site web lainnya. Hal ini disebut Hébergement partagé, dan berarti Anda harus berebut sumber daya.

Site Web de Jika Satu Tiba-Tiba Mendapat Banyak Trafik, Anda Akan Melambat, Sementara Mereka Melahap Bande passante.

Dengan beralih ke VPS (serveur pribadi virtuel) atau (serveur setidaknya bersama kelas atas seperti SiteGround), hébergeur web akan memagari serveur bersama hanya untuk Anda. Ini berarti Anda tidak perlu khawatir site web lain mencuri sumber daya Anda.

(Kembali Ke Atas)

3. Serveur Pindahkan lebih dekat dengan pengguna

Setiap kali seseorang mengeklik site web Anda, serveur Anda harus mengirim informasi ke melewati seluruh planète agar dapat muncul pada layar komputer mereka.

Serveur Jika ada di sisi lain dunia, akan memakan waktu lama. Jika Anda tahu dari mana sebagian besar trafik Anda berasal, mintalah host web untuk meletakkan website di server yang paling dekat dengan pengguna utama Anda.

(Kembali Ke Atas)

4. Gunakan jaringan pengiriman konten (CDN)

Masalah yang timbul ketika Anda memindahkan server lebih dekat dengan pengguna tertentu adalah, akan ada yang kalah. Serveur Jika dipindahkan ke Californie, pengunjung Anda dari Australie akan mendapatkan waktu pemuatan yang lambat. Begitu pula pengguna Eropa Anda.

Jaringan pengiriman konten (Réseau de diffusion de contenu atau CDN) menempatkan data di server yang tersebar di seluruh dunia. Site web de Jadi ketika seseorang mengeklik Anda, serveur yang paling dekat dengan mereka yang akan mengirimkan info.

Ini berarti pengguna Anda akan mendapatkan kecepatan super cepat di mana pun mereka berada di dunia. (Sebagai referensi, saya menggunakan Cloudflare di Bitcatcha).

(Kembali Ke Atas)

5. Aktifkan pengaturan «selalu aktif»

Site Web du fichier Mengirim du serveur Ketika Anda ke saluran jaringan, setiap bagian melakukan perjalanan secara terpisah. Seperti contohnya lembar CSS, logo, setiap gambar Anda, dll.

Jelas, cara pâlissant efisien untuk melakukannya adalah dengan mengirim semua melalui satu saluran besar yang sama.

Di situlah pengaturan «selalu aktif» berperan. Ketika diaktifkan, saluran utama tetap hidup, dan semuanya masuk melalui koneksi yang sama (Ini super cepat).

Namun, ketika pengaturan ini tidak aktif, sebuah saluran baru harus dibuat untuk setiap unsur (Ini sangat lambat).

Sebagian Besar hébergeur Web Mengaktifkan Pengaturan Ini (Bagus), Tetapi Terkadang hôte Bersama Menutup Koneksi Tanpa Peringatan.

(Kembali Ke Atas)

Bagian 2: Site Web Mengoptimalkan Unsur-Unsur

Serveur Anda telah dibuat secepat dan se-efisien mungkin. Sekarang, bagaimana cara mengoptimalkan sendiri site web bagian-bagian itu tersendiri?

6. Mengurangi Temps de parcours (RTT)

Navigateur Anda saat ini harus meminta setiap unsur kepada server, satu per satu. Logo Anda, lalu masing-masing gambar, dan juga lembar CSS Anda.

Waktu yang diperlukan untuk menerimanya adalah satu perjalanan pulang pergi.

Semakin banyak perjalanan pulang pergi yang harus dilakukan, semakin lama waktu yang dibutuhkan agar seluruh site web berhasil dimuat. Umpamanya seperti mengemasi barang dengan kotak-kotak, dan memindahkannya ke rumah baru.

Semakin banyak kotak yang Anda miliki, semakin banyak perjalanan pulang pergi yang harus dilakukan. Solusinya? Kurangi jumlah kotak yang diambil.

Kurangi jumlah elemen yang dikirim server ke saluran. Lebih sedikit gambar, lebih sedikit kode, plugin lebih sedikit.

(Kembali Ke Atas)

7. Site Web de Mengaktifkan kompresi pada Anda

Sayangnya, persoalannya bukan hanya jumlah kotak. Namun, tentang betapa beratnya mereka. Jika semua unsur Anda besar dan berat, akan memakan banyak ruang di saluran Anda. Mereka juga akan bergerak lebih lambat. Seperti truk yang memuat banyak barang. Masquage-masquage penuh dengan kotak-kotak berat.

Untungnya, site Web d’Anda dapat meringkas, dan semua yang ada di dalamnya. Gunakan alat seperti Gzip (Navigateur Ini dikenali oleh 90% – sebagian besar pengguna mengenalnya, kecuali yang masih menggunakan Internet Explorer 4).

Site web de Bagian paling keren dari Anda adalah gambar, HTML, CSS, et Javascript. Dengan menringkasnya, Anda dapat mengurangi «berat» site web rata-rata Anda.

Fakta Menarik

Berat rata-rata sebuah site web adalah 2MB, tetapi terus bertambah besar setiap tahunnya.

(Kembali Ke Atas)

8. Mengoptimalkan gambar

Site Web de Biasanya, Gambar Adalah Bagian Paling Berat Pada Suatu. Itu adalah unsur yang pâlissant besar, padat, dan lambat untuk dimuat.

Mulailah dengan memangkas (surgir) gambar ke ukuran yang Anda butuhkan. Jangan mengunggah gambar yang sangat besar, dan turunkan ukurannya pada bagian HTML. Unggahlah mereka dengan ukrainien yang tepat.

Jangan lupa juga, kompreslah gambar sebelum diunggah. Jika Anda menggunakan WordPress, plugin seperti WP Smush dapat mengurangi ukrainien gambar hingga 80%!

(Kembali Ke Atas)

9.… Atau buatlah Lutin

Lutin adalah gambar tunggal yang berisi banyak gambar kecil. Ini santa cocok digunakan untuk tombol berbagi atau elemen gambar lainnya.

Sekarang, site Web Anda hanya perlu membuat satu permintaan, bukan sepuluh permintaan terpisah. Anda dapat menggunakan CSS untuk memilih bagian gambar mada yang perlu ditampilkan di tempat tertentu.

(Kembali Ke Atas)

10. Ringkas kode Anda

HTML padat, berat, dan juga sangat berulang. CSS sedikit lebih ringkas, tetapi banyak bagian yang tidak diperlukan.

Saatnya untuk membaca kode Anda dengan teliti, dan singkirkan semua bit yang tidak perlu.

Jika Anda menggunakan modèle dari WordPress, Tumblr, dll, mungkin ada banyak kode yang tidak Anda gunakan. Modèle ini diatur untuk memberi banyak pilihan dan berbagai fungsi. Namun, kebanyakan tidak semuanya dibutuhkan oleh kita.

Jangan tidak tega meringkas kode!

(Kembali Ke Atas)

11. Copot plugin tidak berguna (WordPress)

Kita sudah sering bereksperimen dengan banyak plugin selama ini. Namun seringkali, lupa menghapus instalannya.

Setiap plugin adalah sebuah permintaan server. Ini akan menjadi paket berat yang dapat memblokir saluran berkecepatan tinggi Anda.

Jika tidak digunakan, nonaktifkan.

(Kembali Ke Atas)

12. Mengurangi pengalihan jurusan

Untuk setiap peralihan, paket-paket Anda perlu melewati saluran sebanyak dua kali. Kecuali benar-benar harus melakukannya, jangan gunakan pengalihan di website Anda.

(Kembali Ke Atas)

Bagian 3: Bonus Ekstra

13. Recherche DNS Kurangi

Ada satu bagian dari prose yang belum kita bicarakan. Ini terjadi di awal.

Navigateur Sebelum Anda memulai percakapan dengan server, ia harus menemukan lokasi server (dengan menemukan alamat IP-nya). Seperti halnya mencari lokasi server di buku telepon, hal ini membutuhkan waktu (Biasanya 20 – 120 milidetik).

Akan lebih lama jika ada beberapa nama domaine yang mirip dengan site web Anda. Contoh umum: blog.websiteanda.com, domaine atau tambahan untuk gambar, feuille de style, dan objek flash.

Navigateur Jika Anda perlu melakukannya lima kali, Anda mungkin akan kehilangan setengah detik. Simpan sebagai domain sesedikit mungkin.

(Kembali Ke Atas)

14. Navigateur de mise en cache

Navigateur Bayangkan betapa cepatnya jika Anda dapat menyimpan semua salinan file website. Jadi, serveur tidak harus menghubungi dengan setiap saat. Bisa hanya dimuat dari penyimpanan.

Mise en cache Itulah Yang Disebut. Navigateur Anda ‘mengingat’ website. Saat Anda memuat untuk kedua kalinya, akan menjadi sangat cepat.

(Kembali Ke Atas)

Fiuh! Artikel ini yang lebih panjang dari partialanya, tetapi saya kira tidak sia-sia.

Sekarang Anda tahu segala hal yang site web membuat menjadi secepat kilat. Trik-trik ini dapat memangkas waktu pemuatan Anda.

Ini berarti pengguna bahagia. Dan artinya, lebih banyak penjualan.

Panduan Kecepatan WordPress

Site Web de Jika Anda dibuat dengan WordPress, kami telah menyusun panduan langkah terperinci untuk mempercepatnya. Dengan menggunakan langkah-langkah yang tepat, kami berhasil membuat Bitcatcha.com dapat dimuat dalam 3 detik

(Kembali Ke Atas)

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map