Tips 8 untuk Mempercepat Laman Web Anda

Dikemas kini: 03 Mei 2021 / Artikel oleh: Timothy Shim

Pendedahan: WHSR disokong oleh pembaca. Apabila anda membeli melalui pautan kami, kami mungkin mendapat komisen.

Walaupun tiada apa-apa lagi yang saya pasti tentang, satu perkara yang pasti - anda telah mengalami sekurang-kurangnya satu laman web yang menyakitkan lambat dalam hidup anda sebelum ini. Sekiranya kedengarannya biasa kepada anda, izinkan saya lulus beberapa tip yang saya dapati sejak beberapa tahun yang lalu yang dapat membantu anda mempercepat laman web anda.

Jika anda tidak pasti bahawa kelajuan laman web anda penting kepada anda, kemudian berfikir kembali pada masa-masa ketika anda juga menutup jendela penyemak imbas sambil menunggu tapak dimuat. Hakikatnya adalah bahawa 53% orang meninggalkan sebuah laman web yang mengambil masa lebih daripada 3 untuk memuat.

. prestasi laman web anda penting dan ia berperanan dalam mempengaruhi kedudukan mesin pencari anda. Sebagai contoh, Google lebih suka laman web pantas dan memberikan kedudukan yang lebih tinggi dalam hasil carian.

Masa beban laman web purata dalam industri yang berbeza (sumber).

Uji Kelajuan Laman Web Anda

Terdapat skop tweak yang luas yang dapat anda buat ke laman web anda untuk meningkatkan prestasi. Sebilangannya mungkin semudah menukar pilihan, sementara yang lain lebih banyak terlibat. Namun, jika anda mempertimbangkannya semua proses mungkin memerlukan sedikit masa.

Lebih baik jika anda mengambil pendekatan yang perlahan dan progresif untuk meningkatkan prestasi dan bukannya membuat semua perubahan anda sekaligus. Seperti apa sahaja yang berasaskan teknologi, ada kemungkinan ada yang salah.

Sekiranya anda melaksanakan perubahan dari masa ke masa dan dokumen bersama dengan ujian, akan lebih mudah untuk mengenal pasti perubahan yang anda buat yang boleh menyebabkan laman web anda tidak tersedia atau rosak. Percayalah - ia akhirnya akan berlaku.

Alat Uji Kelajuan Laman Web

Untuk bermula, uji seberapa cepat laman web anda memuatkan terlebih dahulu. Beberapa alat yang disyorkan ialah:

  • WebPageTest: Mengumpul prestasi laman web dari penyemak imbas sebenar yang menjalankan sistem pengendalian biasa.
  • Pingdom: Membantu menganalisa dan mencari hambatan dalam prestasi laman web.
  • GTmetrix: Menganalisis dan menawarkan pandangan yang boleh dijangkakan mengenai cara terbaik untuk mengoptimumkan kelajuan laman web.
  • Bitcatcha: Semak kelajuan tapak dari lapan negara.
Dengan menggunakan penguji kelajuan tapak, anda akan dapat mengetahui sejauh mana laman web anda dioptimumkan.

Berikut adalah petua untuk mempercepat laman web anda…

1. Pilih Web Host Besar

Menurut pengalaman saya, hosting web mungkin merupakan salah satu pilihan paling penting yang harus anda buat bila hosting laman web. Terdapat hos web dan kemudian ada cemerlang tuan rumah web. Setiap tuan rumah web mempunyai ciri-ciri yang berbeza, jadi perhatikan perkara utama seperti teknologi caching proprietari, pemacu keadaan pepejal atau kawalan ke atas kawasan kritikal seperti Nginx.

Saya tidak dapat menegaskan ini. Pilihan tuan rumah web anda sangat penting. Jika anda tidak kenal dengan mereka, lihatlah kami ulasan hosting yang komprehensif untuk membantu membimbing anda untuk membuat keputusan yang baik.

Saya sangat mengesyorkan anda mempertimbangkan beralih ke hos web yang lebih baik jika anda mendapati TTFB anda terlalu tinggi secara konsisten.

Semak juga Senarai syarikat hosting web terbaik Jerry.

2. Minification: Lebih kecil lebih baik

Adalah perkara biasa bagi laman web hari ini untuk melimpah dengan fail Javascript dan CSS. Ini menjana satu tan permintaan HTTP semasa lawatan yang mungkin akan melambatkan laman web anda dengan ketara. Di sinilah pembombaan masuk.

Meminimumkan fail Javascript dan CSS anda dilakukan dengan menggabungkan semua skrip anda menjadi satu fail tunggal (dari setiap jenis). Ini bukan tugas yang mudah, tetapi jangan bimbang, ada plugin WordPress yang boleh mengendalikan ini untuk anda.

Cuba salah satu daripada ini untuk bermula dengan: Autoptimize, Kelajuan pantas dikurangkan or Merge + Minify + Refresh

Keluasan boleh menyebabkan kod anda kelihatan samar-samar - jangan risau! Ini adalah biasa.

3. Ikuti Prinsip KISS

Ini bukan sesuatu yang biasanya diajarkan oleh kebanyakan guru web, tetapi saya menganggapnya sangat berguna dalam banyak cara. KISS adalah singkatan dari "Tetap sederhana, bodoh". Ini diciptakan oleh beberapa orang pintar pada tahun 1960-an yang menekankan pada kecekapan sistem sederhana.

Sebagai peraturan, saya mendapati ini berlaku untuk hampir segala-galanya dalam kehidupan - walaupun dalam menyediakan laman web. Dengan mengelakkan pelaksanaan yang terlalu kompleks dan reka bentuk, anda akan mendapat manfaat dari tapak yang cepat dan lebih penting, mudah untuk diurus dan diselenggara.

Reka Bentuk & Visual

Dengan mengekalkan reka bentuk dan visual anda mudah, apa yang saya maksudkan adalah terutamanya dalam bentuk mengurangkan overhead. Satu laman web yang berat dalam imej besar-besaran, pengambilan nafas dan video yang menakjubkan mungkin akan memuat secepat sloth pada hari yang buruk. Pastikan ia kemas dan kemas dan cuba untuk memisahkan video dan pemuatan imej anda merentasi pelbagai halaman.

Kod & Plugin

WordPress adalah satu perkara yang menarik kerana ia sangat modular dan begitu mudah digunakan. Tidak kira apa yang anda mahu lakukan, kemungkinan seseorang itu ada sudah direka plugin untuk itu.

Seperti yang menarik kerana bunyi itu, berhati-hati dengan memunggah laman web anda dengan pemalam. Ingat bahawa setiap plugin direka oleh orang yang berlainan (dan mungkin syarikat yang berbeza). Tujuan mereka adalah untuk mencapai matlamat tertentu, bukan untuk menyelaraskan prestasi tapak anda.

Sekiranya anda boleh, elakkan plugin untuk perkara yang boleh anda uruskan sendiri. Ambil sebagai contoh plugin yang akan membantu anda memasukkan jadual ke dalam teks anda. Anda boleh mempelajari beberapa kod HTML asas untuk menarik jadual dan bukannya menggunakan plugin untuk itu, kan?

Sesetengah plugin individu boleh melambatkan laman web anda dengan ketara, jadi pastikan anda melakukan ujian kelajuan setiap kali anda memasang plugin baru!

4. Leverage pada Rangkaian Pengiriman Kandungan

Kepada saya, Rangkaian Pengiriman Kandungan adalah hadiah dari para dewa. Syarikat seperti CloudFlare dan Rangkaian LimeLight hidup dengan membantu orang lain menikmati penghantaran kandungan yang stabil dan cepat melalui rangkaian pelayan yang terletak di seluruh dunia.

Menggunakan CDN akan membantu anda melayan halaman web anda lebih cepat dan meningkatkan kelajuan pemuatan tidak kira di mana di dunia pengunjung datang.

Selain itu, menggunakan CDN juga menawarkan perlindungan tambahan terhadap serangan berniat jahat seperti Perkhidmatan Penafian yang Diagihkan (DDoS).

Sekiranya anda pemilik laman web kecil, Cloudflare mempunyai pilihan percuma yang boleh anda gunakan yang berfungsi dengan baik. Syarikat dan laman web yang lebih besar perlu membayar untuk mendapatkan rancangan yang lebih baik, tetapi memandangkan CDN yang sesuai, harganya sepadan!

Petua: Ketahui lebih lanjut mengenai Cloudflare dalam artikel saya yang lain di sini.

5. Menggunakan Caching

Caching adalah sama seperti bunyi - menyimpan fail statik supaya apabila pelawat anda datang, laman web anda boleh berkongsi dari halaman yang dibina sebelum ini supaya masa pemprosesan ditebang. Dalam kebanyakan kes, apa yang perlu anda minat ialah caching pelayan sisi.

Cara paling berkesan untuk melaksanakan caching server sisi adalah melalui tetapan di dalam anda Apache or Nginx pelayan. Anda perlu melalui dokumen tersebut dan mencari tetapan yang betul yang akan membantu anda menetapkan caching pelayan anda.

Peraturan ibu jari adalah bahawa apa-apa yang memerlukan banyak kerja sokongan pelayan (pemprosesan) harus di-cache jika mungkin.

Jika ia menjadi terlalu pelik untuk anda, Plugin adalah pilihan lain tetapi sekali lagi, saya tidak mengesyorkan anda menggunakannya dalam hal ini.

Petua: Untuk laman WordPress, periksa Prestasi Swift. Pengguna tanpa pengetahuan pengekodan dapat mengoptimumkan laman WordPress mereka hanya dengan beberapa klik dengan Swift Performance. Plugin ini membantu menyesuaikan pelbagai masalah kelajuan WordPress dan menghasilkan gambar tanpa had dalam format WEBP secara automatik.

6. Gambar Bandwidth Hog, Optimalkan Yours!

Ini adalah sedikit pelanjutan untuk penipuan awal saya terhadap imej dan video besar-besaran di bawah prinsip KISS. Memandangkan itu, saya faham bahawa visual adalah kunci untuk membuat laman web kelihatan cantik. Oleh kerana kita tidak boleh mengelakkan penggunaannya secara menyeluruh, mari pastikan imej yang anda gunakan adalah disederhanakan mungkin,

Kandungan web adalah sebahagian besar asasnya, walaupun ia datang kepada imej. Kebanyakan laman web yang saya jumpai dengan beban seperti babi mati sering diseret oleh imej-imej besar yang tidak berguna.

Saya tidak mengatakan bahawa anda tidak boleh mempunyai imej yang lebih besar, tetapi pastikan ia betul dioptimumkan sebelum memuat naiknya.

Terdapat dua cara anda boleh melakukan ini. Sekali lagi, yang pertama adalah melalui plugin seperti WP Smush or Prestasi Swift. Alternatif, atau bagi mereka yang tidak menggunakan WordPress, adalah alat pengoptimuman imej pihak ketiga seperti Compressor imej or Pengoptimum JPEG.

Kebanyakan alat pengoptimuman imej akan membiarkan anda menyelesaikan butiran resolusi pada imej anda supaya anda secara beransur-ansur boleh menundukkannya. Mereka akan kelihatan sama dengan mata yang tidak terlatih, tetapi lebih kecil saiznya.

Petua: Imej WEBP memuat 1.5x lebih pantas daripada gambar JPEG tradisional dan kini disokong oleh pelayar web 94%. Anda harus menayangkan gambar WEBP di laman web anda bila-bila masa yang mungkin.

Ini dizoomkan dalam bidang imej HD (kiri). Asal adalah 2.3MB dan selepas pengoptimuman, itu dikurangkan menjadi 331kb!

7. Gunakan Pemampatan gzip

Jika anda telah mendengar pemampatan imej, atau mungkin mengarkibkan (ZIP atau RAR) maka anda mungkin akan biasa dengan teori di sebalik mampatan gzip. Ini memampatkan kod tapak web anda, menghasilkan peningkatan kelajuan hingga 300% (hasilnya berbeza-beza).

Malah untuk sesuatu yang teknikal seperti ini, anda boleh terus ke hadapan dan menggunakan plugin seperti PageSpeed ​​Ninja. Walau bagaimanapun, terdapat kaedah yang lebih cekap yang hanya melibatkan mengedit fail .htaccess anda sekali.

Tambahkan kod di bawah untuk fail .htaccess anda dan anda akan ditetapkan:

# Kompres HTML, CSS, JavaScript, Teks, XML dan fon Aplikasi AddOutputFilterByType DEFLATE / javascript AddOutputFilterByType DEFLATE aplikasi / rss + xml AddOutputFilterByType DEFLATE aplikasi / vnd.ms-fontobject AddOutputFilterByTypeTypFtTyType_FLT AddOutputFilterByType permohonan mengempiskan / x-font-OTF permohonan AddOutputFilterByType mengempiskan / x-font-truetype permohonan AddOutputFilterByType mengempiskan / x-font-ttf AddOutputFilterByType permohonan mengempiskan / x-javascript permohonan AddOutputFilterByType mengempiskan / xhtml + xml AddOutputFilterByType mengempiskan application / xml AddOutputFilterByType mengempiskan font / OpenType AddOutputFilterByType mengempiskan font / OTF AddOutputFilterByType mengempiskan font / ttf AddOutputFilterByType mengempiskan image / svg + xml AddOutputFilterByType imej mengempiskan / x-icon AddOutputFilterByType mengempiskan text / css teks AddOutputFilterByType mengempiskan / html AddOutputFilterByType mengempiskan text / javascript AddOutputFilterByType DEF Teks LATE / teks biasa AddOutputFilterByType DEFLATE teks / xml

* Nota: Pastikan anda menambah kod ini DI BAWAH barang yang anda miliki di file .htaccess anda.

8. Mengurangkan pengalihan

Biasanya, pelayar menerima pelbagai bentuk alamat yang kemudian diterjemahkan ke dalam bahasa rasmi yang diiktiraf oleh pelayan anda. Ambil contohnya www.example.com dan example.com. Kedua-duanya boleh pergi ke laman yang sama, tetapi seseorang memerlukan pelayan anda untuk mengalihkannya ke alamat yang diiktiraf secara rasmi.

Pengalihan itu memerlukan sedikit masa dan sumber, jadi objektif anda adalah untuk memastikan tapak anda boleh dicapai melalui tidak lebih daripada satu pengalihan semula. Guna ini alihkan mapper untuk melihat jika anda melakukannya dengan betul.

Memandangkan kerumitan melakukan hak ini dan masa yang terlibat secara berterusan, ini adalah satu masa saya cadangkan menggunakan plugin seperti Redirection.

Berapa Cepat Cukup?

Wawasan PageSpeed ​​Google
Google PageSpeed ​​Insight adalah penanda aras yang baik tentang bagaimana gergasi carian melihat prestasi laman web anda.

Selain pengalaman pengunjung, prestasi laman web anda juga mempengaruhi keterlihatan anda dalam kedudukan carian. Oleh kerana raja carian adalah Google, itulah bar yang ingin anda sasarkan. Menurut mereka, laman web sebaiknya dimuat dalam masa tiga saat.

Malangnya banyak laman web masih tidak memenuhi aras penanda aras ini. Sebenarnya, saya telah mengukur beberapa laman web yang mengejutkan memakan masa selama 5 atau 6 minit untuk dimuatkan. Walaupun begitu, jika laman web anda mengambil masa lebih dari 7 saat untuk dimuat, itu sudah terlalu lama untuk Google.

Laman web yang lebih cepat Pastikan Pelawat (dan Google) gembira

Kelajuan jalur lebar hari ini, walaupun di telefon bimbit, telah meningkat dengan begitu banyak dan akan semakin meningkat. Ini bermakna bahawa terdapat sedikit alasan yang tersisa untuk pemilik laman web yang mempunyai pengunjung mereka memasang laman loading yang perlahan.

Percayalah, anda akan terus kehilangan pengunjung dan pada satu ketika, mendapat reputasi yang buruk bahawa anda akan dikenali sebagai "Oh, BAHAWA laman web ". Jika anda berada dalam perniagaan dalam talian, itu menjadikannya lebih buruk lagi kerana anda akan membunuh angsa emas anda sendiri.

Walaupun petua 8 di atas yang saya berikan tidak semestinya menjadi semua dan berakhir semua, ia harus memberi anda permulaan dan beberapa idea bagaimana untuk mengurus perkara-perkara yang lebih baik. Mempercepat laman web anda hari ini dan mengekalkan pelanggan atau pelawat anda.

Jangan berakhir sebagai BAHAWA laman web.

Bacaan yang berkaitan

Mengenai Timothy Shim

Timothy Shim adalah seorang penulis, editor, dan pakar teknologi. Memulakan kerjayanya di bidang Teknologi Maklumat, dia dengan cepat mencetak cetaknya dan sejak itu bekerja dengan tajuk media Antarabangsa, serantau dan domestik termasuk ComputerWorld, PC.com, Business Today, dan The Asian Banker. Kepakarannya terletak di bidang teknologi dari sudut pandang pengguna dan perusahaan.