Bagaimana saya bisa membuat situs web php lebih cepat?

Bosan dengan situs web yang lambat?

• Artikel oleh Jason Simon
• Diperbarui. 2 April 2019
• Tag. kecepatan, hosting web

Anda mungkin telah menghabiskan banyak waktu mengerjakan kegunaan dan pengalaman pengguna situs Anda – yang penting untuk bisnis online saat ini – tetapi tanpa mengoptimalkan kecepatan pemuatan halaman situs Anda, pada akhirnya Anda gagal dalam kedua hal ini. Kecepatan adalah bagian penting dari kegunaan dan pengalaman pengguna situs Anda dan tanpa itu, Anda berisiko kehilangan pengunjung

Tidak ada yang menyukai situs web yang lambat. Kecepatan pemuatan halaman yang lambat dapat membuat pengguna menjauh lebih cepat daripada…. setidaknya lebih cepat dari waktu yang diperlukan untuk memuat halaman

CATATAN CEPAT. Penelitian telah menunjukkan bahwa dibutuhkan SATU detik agar aliran pemikiran pemirsa tetap tidak terganggu. Setiap detik setelahnya, situs web Anda berisiko kehilangan minat pemirsa tersebut. Sasaran Anda adalah membuat situs web Anda memuat satu detik atau kurang

Waktu Muat Situs Web itu Penting

Pada hari-hari awal web, banyak situs web adalah HTML statis, pada dasarnya dokumen teks biasa, jadi secara teoritis hanya perlu sedikit waktu untuk memuat. Namun, kecepatan koneksi juga rendah (jika Anda terlalu muda untuk mengingat menjelajah web pada usia 28 tahun. 8 modem, ini seperti dipaksa mengemudi 1 mil per jam di jalan raya). Sangat penting untuk mempertimbangkan ukuran gambar dan jumlah grafik pada halaman web, belum lagi situs web dinamis dimuat menggunakan CGI; . Sekarang, bandwidth telah meningkat. Kami dapat melakukan lebih banyak hal di web, dan tentu saja, kami melakukannya

Namun, penting untuk diingat bahwa aturan lama masih berlaku

Terlepas dari kenyataan bahwa kecepatan internet kami dan perangkat yang kami gunakan (seperti laptop, tablet, & ponsel cerdas) menjadi semakin cepat setiap tahun, kesabaran kami tampaknya semakin pendek. Itu tidak pernah cukup. Kami menginginkan apa yang kami inginkan dan kami menginginkannya sekarang. Inilah mengapa sangat penting bagi bisnis online untuk mengoptimalkan waktu muat situs web mereka

Pada artikel ini, kami akan membahas praktik terbaik dan teknologi terkini yang digunakan untuk mengoptimalkan kecepatan pemuatan halaman situs web sehingga Anda dapat menerapkannya ke situs web Anda sendiri

BACA JUGA. Kecepatan juga penting untuk SEO

Alat Pengujian

Sebelum memulai apa pun, Anda harus memiliki metode untuk menentukan apa yang memperlambat situs Anda dan tolok ukur kecepatan situs web Anda saat ini untuk mengukur peningkatan. Masalah yang tercantum di bawah ini mungkin atau mungkin bukan masalah utama Anda, tetapi Anda tidak akan tahu kecuali Anda dapat memantau prosesnya

Anda harus menyadari bahwa ada banyak memberi dan menerima. Beberapa solusi di bawah ini mungkin terdengar saling bertentangan. Itu karena terkadang solusi untuk satu masalah dapat meningkatkan masalah kecepatan di aspek lain situs Anda. Misalnya, membuat sprite gambar dapat menyebabkan kebutuhan untuk memuat satu gambar besar pada awalnya, yang, sekaligus mengurangi kebutuhan untuk memuat banyak gambar lain, dapat memperlambat waktu pemuatan awal (saya akan membahas metode ini lebih lanjut nanti)

Untuk alasan ini, Anda harus mengukur hasil dari satu perubahan versus perubahan lainnya sehingga Anda dapat menentukan mana yang memberikan hasil terbaik

Berikut adalah beberapa alat yang berguna

• Wawasan Kecepatan Halaman Google – Alat gratis dari Google ini akan memeriksa URL apa pun dan menjalankan tes di situs Anda untuk kinerjanya. Ini memberikan hasil yang berbeda untuk cara kerja situs Anda di desktop dan untuk platform seluler. Ini akan mencakup banyak area yang dibahas dalam artikel ini dan memberikan saran tentang apa yang secara khusus dapat menyebabkan situs Anda melambat. Namun, alat ini tampaknya sangat agresif dan terkadang tidak realistis, jadi ingatlah ini
• Tes Kecepatan Situs Web Pingdom – Pingdom juga memiliki beberapa solusi pengujian kecepatan yang hebat, yang dapat menguji situs Anda dari berbagai lokasi di seluruh dunia (ini adalah salah satu alasan mengapa sebaiknya menggunakan CDN; lebih lanjut tentang ini di bawah). Ini memberikan banyak solusi praktis untuk meningkatkan kecepatan Anda
• Yslow – Ini adalah plugin gratis untuk browser Anda yang akan memberi Anda nilai berdasarkan jumlah permintaan HTTP, ukuran gambar, apakah CDN sedang digunakan, dll.
• Kalkulator Anggaran Kinerja – Ini adalah alat kecil yang berguna untuk mencari tahu jenis konten apa yang Anda “mampu” (berdasarkan bandwidth) agar situs Anda tetap berjalan optimal

PERINGATAN. Hal penting lainnya yang perlu diingat adalah pendekatan mana yang paling baik meningkatkan pengalaman pengguna. Anda harus mencari tahu apakah waktu muat tambahan versus waktu muat bertahap adalah yang paling efektif. Cara terbaik untuk melakukannya adalah dengan pengujian kegunaan dan khususnya pengujian A/B

Cara Membuat Situs Web Anda Memuat Lebih Cepat

Oke, sekarang setelah Anda memiliki beberapa alat pengujian, mari selami hal-hal sebenarnya yang dapat kita lakukan untuk mempercepat situs web kita

APAKAH ANDA MENGGUNAKAN WORDPRESS? . Lihat artikel kami yang ditujukan khusus untuk membuat WordPress lebih cepat

1. File Anda Terlalu BESAR atau Anda Memiliki Terlalu Banyak

Ingat sebelumnya bagaimana kita berbicara tentang betapa pentingnya ukuran file di masa-masa awal web? . Meskipun ini mungkin tampak jelas, itu masih perlu dikatakan. File besar membutuhkan waktu lebih lama untuk dimuat

Gunakan file yang lebih kecil dan lebih sedikit (juga ini mungkin benar-benar meningkatkan pengalaman pengguna. Sementara orang menyukai gambar, terlalu banyak dapat membuat informasi yang berlebihan)

Sebagian besar waktu, Anda tidak memerlukan gambar yang sangat besar. Meskipun mudah untuk mengubah ukuran gambar menggunakan CSS, jika Anda melakukan ini untuk memperkecil ukuran file, maka Anda membuang-buang bandwidth. Ubah ukuran gambar Anda sebelum mengunggahnya. Sungguh menakjubkan betapa kecilnya Anda bisa membuatnya

2. Aktifkan Kompresi GZIP

Bahkan setelah Anda mengurangi ukuran file, sebaiknya kompres file tersebut, bersama dengan bagian situs lainnya sebelum mengirimkannya ke pengguna. Anda mungkin sudah familiar dengan konsep ini. Kadang-kadang Anda memerlukan cara untuk mengirim banyak file melalui jaringan, jadi Anda perlu "men-zip"-nya menjadi ukuran yang diizinkan oleh penyedia Anda. Yah, kompresi HTTP hampir sama

Sebagian besar server web akan memungkinkan mengompresi file dengan utilitas yang disebut gzip. Gzip akan mengambil semua file di situs Anda, mengompresnya menjadi ukuran yang jauh lebih kecil sebelum mengirimkannya ke browser pengguna. Ini akan bekerja dengan semua file di situs Anda. Berikut ini juga beberapa alat kompresi gambar online berguna lainnya yang tersedia bagi Anda untuk mengompresi file di situs Anda

3. Caching

Anda juga dapat memberikan instruksi kepada browser tentang kapan harus menggunakan versi cache situs Anda versus versi baru. Dengan menggunakan Header Kedaluwarsa, Anda dapat memberi tahu pengguna untuk menggunakan konten yang di-cache jika statis, tetapi juga memanfaatkan saat perlu memuat konten baru, seperti dengan konten dinamis

4. Anda Memiliki Terlalu Banyak Panggilan Server (Permintaan HTTP)

Ini adalah salah satu hal terpenting untuk dipertimbangkan saat mempercepat situs Anda. Setiap kali Anda meminta file baru, atau mengalihkan situs dengan alasan apa pun, ini memperlambat prosesnya. Dengan masing-masing, browser pengguna harus melakukan perjalanan ke server Anda, yang kemudian akan menemukan sumber daya, dan meneruskannya kembali ke pengguna. Meskipun ini baik-baik saja dalam dosis kecil, setiap panggilan server (terutama jika terjadi di halaman yang sama) akan memperlambat situs Anda secara drastis

Setiap file yang Anda minta atau miliki di situs Anda mengirimkan panggilan ke server. Jika Anda memiliki 20 gambar di situs Anda, itu berarti 20 kali server harus dipanggil. Ada beberapa hal yang dapat Anda lakukan untuk menguranginya

• Gunakan sprite gambar CSS – ini adalah gambar tunggal yang menyertakan gabungan dari semua gambar di situs Anda sebagai satu gambar. Anda dapat menggunakan CSS untuk menyediakan hanya bagian dari file yang perlu ditampilkan di lokasi tertentu. Ini berarti bahwa alih-alih 20 panggilan untuk 20 gambar, itu hanya akan memanggil satu gambar besar. Namun, berhati-hatilah – meskipun ini mengurangi jumlah panggilan ke db yang pasti akan mempercepat situs Anda, ukuran gambar masih bisa menjadi masalah
• Perbaiki tautan rusak Anda – setiap kali Anda mencoba mengirim seseorang ke halaman yang sudah tidak ada lagi di situs Anda, itu menyebabkan server Anda mengirimkan halaman 404. Pada dasarnya ini berarti mencari halaman, mendapat pesan tidak ditemukan, dan kemudian harus mengambil kesalahan kustom. Setiap panggilan server ini dapat memperlambat Anda
• Kurangi pengalihan – coba kurangi frekuensi yang Anda pilih agar server mengirim seseorang ke halaman lain. Meskipun tampaknya membantu (misalnya, untuk SEO) menyiapkan halaman untuk tujuan ini, jika Anda membuat terlalu banyak panggilan server, ini dapat memperlambat situs Anda dan berdampak negatif pada pengalaman pengguna

6. Pengkodean Situs Web Anda Membutuhkan Pengoptimalan

• Perkecil CSS dan javascript Anda – Ruang kosong berarti sesuatu bagi browser web. Mungkin terlihat kosong bagi Anda atau saya, tetapi setiap ruang kosong adalah karakter yang harus dibaca dan dirender. Dalam banyak kasus hal ini tidak diperlukan, jadi Anda menggunakan beberapa alat perkecil untuk memampatkan file-file ini agar tetap berfungsi tetapi lebih cepat untuk membaca komponen. Google memiliki beberapa alat bagus yang tersedia untuk membantu Anda meminimalkan JavaScript dan CSS Anda
• Gunakan HTML alih-alih PHP jika itu bukan konten dinamis – Meskipun sebagian besar kode Anda mungkin dinamis, terkadang tidak apa-apa untuk menggunakan gaya lama dan hanya menggunakan kode HTML biasa. PHP harus dijalankan melalui prosesor. HTML ditafsirkan langsung oleh browser. Jika hanya konten statis yang Anda kirimkan, simpanlah secara statis
• Letakkan CSS Anda di atas dan JavaScript di bawah – Ini adalah aturan lama, tetapi masih berlaku. Anda memerlukan CSS untuk dirender dengan cepat, tetapi JavaScript hanya boleh dijalankan setelah halaman itu sendiri dimuat. Anda juga mungkin ingin tidak terlalu bergantung pada pemanggilan JavaScript dari file eksternal. Jika tidak banyak, sertakan langsung di halaman, karena ini adalah satu permintaan HTTP yang perlu dibuat

Catatan. Jika Anda menggunakan pustaka JavaScript besar yang populer, seperti JQuery, sarannya sedikit berbeda. Anda akan menginginkan ini dalam file terpisah, tetapi secara realistis itu adalah ide yang lebih baik untuk menggunakan jQuery langsung dari CDN. Ini memiliki beberapa keuntungan. Karena pustaka ini populer, kemungkinan besar pengguna sudah memiliki versi cache dari pustaka ini, jadi memuatnya tidak memakan waktu sama sekali. Jika server Anda menyediakannya, ini adalah panggilan server lain, dan seluruh perpustakaan harus dimuat agar berfungsi. Ini dapat menambah kelambatan situs web Anda

Oke, jadi sekarang Anda telah memeriksa dan memperbaiki sebanyak yang Anda bisa secara internal, tetapi masih terasa lambat, terutama dari jarak jauh. Mari kita lihat beberapa alat server

7. Situs Anda Lambat Karena Latensi

Latensi adalah istilah yang mengacu pada jumlah waktu yang dibutuhkan server Anda untuk merespons permintaan HTTP. Alasan ini penting karena alasan yang sama bahwa Anda tidak ingin membuat terlalu banyak permintaan. Jika Anda dapat mempercepat kali ini, secara drastis akan meningkatkan kecepatan situs Anda. Latensi meningkat sebagai fungsi dari jarak fisik antara pengguna akhir dan server yang menyediakan konten

Salah satu cara terbaik untuk menangani ini adalah dengan menggunakan Content Delivery Networks, atau CDN. Salinan cache ini dari konten situs web Anda di berbagai tempat di dunia, sehingga latensi berkurang untuk setiap lokasi tersebut. Penyedia CDN paling terkenal termasuk Akamai, Cloudflare, dan Amazon AWS, tetapi masih banyak lainnya. Meneliti menggunakan CDN sangat bermanfaat, terutama jika Anda memiliki pelanggan yang jauh dari lokasi server Anda

8. Basis Data Anda Terlalu Lambat

Sebagian besar situs web saat ini sangat bergantung pada konten yang disimpan dalam database. Ini terutama berlaku untuk situs eCommerce. Anda mungkin memiliki banyak produk dan perlu menyimpannya dan menyediakannya dengan sekali klik. Meskipun basis data sangat bagus dan merupakan teman Anda, basis data dapat diatur secara tidak efisien, atau mungkin ada sejumlah kueri yang buruk. Ingat, jika pengguna harus menunggu beberapa detik di antara setiap kueri, ini akan bertambah. Jika pengguna tidak segera menemukan produk yang mereka inginkan, atau jika terlalu lama, mereka dapat pergi tanpa membeli. Bahkan jika mereka menemukan sesuatu, kemungkinan mereka akan terus menjelajah juga akan berkurang dengan setiap detik tambahan yang diperlukan

Berikut adalah panduan langkah demi langkah yang bagus tentang cara memulai ini di database MySQL

Catatan. Jika Anda memiliki database yang besar, Anda mungkin perlu menyewa seorang profesional database untuk membantu Anda, karena hal ini dapat sedikit mengganggu

9. Penyedia Hosting Web Anda Tidak Cukup Cepat

Tidak peduli berapa banyak mengutak-atik dan mengutak-atik situs web Anda, itu hanya secepat tautan terlemahnya – yang dalam hal ini, adalah server web Anda. Memilih host web yang cepat adalah fondasi untuk situs web yang cepat. Faktanya, Anda dapat membagi semua pengoptimalan menjadi dua bagian utama – 1) pengoptimalan situs web Anda dan 2) pengoptimalan server web Anda. Hosting web sangat penting dan itulah sebabnya kami telah menulis panduan ekstensif tentangnya. Server web Anda sebenarnya cukup kompleks dan ada banyak konfigurasi yang diperlukan untuk perangkat keras dan perangkat lunak server fisik, tetapi untungnya, sebagian besar paket hosting web dikelola, artinya perusahaan hosting web akan melakukan ini untuk Anda. Untuk daftar beberapa perusahaan bagus untuk digunakan, kami telah menerbitkan artikel ini di host web tercepat

Kesimpulan

Sementara masing-masing kategori yang disebutkan di atas dapat digali lebih detail, jika Anda mengikuti pedoman ini, Anda memiliki peluang yang sangat baik untuk memotong waktu muat situs web Anda menjadi setengah atau lebih, dan Anda pasti akan meningkatkan kecepatan situs web Anda. . Silakan beri tahu saya di bagian komentar jika Anda memiliki pertanyaan

Mengapa situs web PHP saya sangat lambat?

Bagaimana cara mempercepat skrip PHP?

Bagaimana cara mengurangi waktu loading di PHP?

Bagaimana mengatasi masalah kinerja di PHP?