Tips 8 untuk Mempercepat Laman Web Anda

Artikel yang ditulis oleh:
  • Pemasaran Pelancongan
  • Dikemaskini: Boleh 18, 2020

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.

Platform 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 tapak anda

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 ialah petua untuk mempercepat laman web anda ...

1. Pilih Web Host Besar

Dalam pengalaman saya, hosting web mungkin salah satu pilihan paling penting yang perlu anda buat. Terdapat tuan rumah 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 menyeluruh mengenai tuan rumah web teratas untuk membantu membimbing anda untuk membuat keputusan yang baik.

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 dapati ia sangat berguna dalam banyak cara. KISS adalah singkatan dari "Keep it simple, stupid". Ia dicipta oleh beberapa bab pintar dalam 1960 yang menegaskan kecekapan sistem mudah.

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 artikel 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).

Jika anda pemilik laman web kecil, maka Cloudflare mempunyai pilihan percuma yang boleh anda gunakan yang berfungsi dengan baik. Korporat dan tapak yang lebih besar perlu membayar untuk mendapatkan pelan yang lebih baik, tetapi diberi nilai CND, it's worth the price!

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.

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. 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.

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:

<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML dan font AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType application DEFLATE / vnd.ms-fontobject AddOutputFilterByType DEFLATE application / x-font AddOutputFilterByType DEFLATE application / x-font-opentype AddOutputFilterByType DEFLATE application / x-font-otf AddOutputFilterByType DEFLATE application / x-font-truetype AddOutputFilterByType application DEFLATE / x-font-ttf AddOutputFilterByType DEFLATE application / x-javascript AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType mengempiskan font / OpenType font AddOutputFilterByType mengempiskan / OTF AddOutputFilterByType mengempiskan font / ttf AddOutputFilterByType mengempiskan image / svg + xml imej AddOutputFilterByType mengempiskan / x-icon AddOutputFilterByType mengempiskan text / css AddOutputFilterByType mengempiskan teks / html AddOutputFilterByType mengempiskan text / javascript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule>

* 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.

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.

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.