Bagaimana mengoptimalkan load time WordPress pages


Cara Optimize WordPress

Loading cepat memiliki efek positif pada interaksi pengguna dengan situs web dan akhirnya dapat menyebabkan lebih banyak penjualan untuk toko online intinya kalo website loading cepat akan di senangi visitor tentunya . Artikel ini akan menunjukkan Anda tips praktis tentang cara mengoptimalkan waktu buka halaman WordPress Anda. Di sini yang harus dimengerti adalah, membedakan tiga bidang yaitu Server, gambar, dan optimasi tema/tampilan web

    1.) Server optimization

Lebih dari 80% dari kasus, kelesuan halaman WordPress dapat dikaitkan dengan kode PHP, dan sisanya ke database. Berbeda dengan PHP 5.6, PHP 7 terlihat menawarkan keunggulan kecepatan. Meskipun demikian, masih jauh lebih baik jika tidak ada kode PHP yang harus dijalankan setiap kali sebuah website di buka. Oleh karena itu, optimalisasi PageSpeed untuk WP menganjurkan Anda menghindari eksekusi kode PHP dengan menggunakan salah halaman statis atau melalui caching.

     

Baca :

Laman web WordPress statis (Static webpages)

Banyak perusahaan, afiliasi, tidak menggunakan WordPress sebagai platform blog interaktif melainkan sebagai CMS. fungsi tertentu, seperti komentar, Ping- dan Pelacakan dinonaktifkan, konten web jarang diperbarui, dan halaman baru hampir tidak pernah ditambahkan. Plugin Cukup statis menjadi sangat penting untuk kasus tersebut. Anda dapat menggunakan plugin untuk membuat salinan laman web statis WordPress dan menyimpannya dalam sebuah direktori. Akibatnya, tidak ada kode PHP dijalankan setelah halaman disebut dan permintaan ke database dihindari.

Kemungkinan konfigurasi: Pengaturan WP melalui subdomain dengan perlindungan direktori (atau pada komputer lokal), di mana domain poin ke direktori dengan salinan statis laman WordPress.

Caching

Alih-alih halaman statis, sisa situs menggunakan caching, termasuk toko WooCommerce. Di sini, halaman HTML yang dibuat dengan menggunakan konten dari database dan PHP kode: Daripada membuat halaman HTML baru setiap kali website dibuka, pengguna menerima salinan yang disimpan sebelumnya.

Hal ini memungkinkan server untuk merespon lebih cepat untuk permintaan pengguna dan server dapat menangani lebih banyak pengguna karena database tidak perlu diakses atau kode PHP dieksekusi setiap kali URL disebut. Untuk situs WordPress, solusi caching sederhana (misalnya, Cache Enabler). Namun, jika Anda lebih suka kompleksitas dan ingin mengoptimalkan semua detail kecil, Anda dapat menggunakan Total Cache W3. Untuk Support WordPress perusahaan hosting khusus juga menawarkan Nginx Caching sebagai alternatif untuk plugin. Hal ini membuat penggunaan ekstensi WordPress yang tidak perlu ribet.

Browser cache

Browser caching selangkah lebih maju. Di sini, resources statis dimuat dari cache pengguna browser setelah pengguna mengunjungi kembali halaman web bukannya berulang kali mengambil mereka dari server. Ini bekerja dengan baik dengan dua plugin caching tersebut.

Gzip atau mod.deflate

gzip / deflate digunakan untuk kompres konten (HTML, CSS, dan JS) sebelum transmisi antara server dan pengguna untuk meminimalkan jumlah data yang ditransfer. Aktivasi dengan ini dilakukan dengan menggunakan .htaccess / (nginx: ngx_http_gzip_module, apache: mod_deflate) atau menggunakan plugin.

Keep-alive

Secara khusus, HTTPS halaman web keuntungan banyak dari keep-alive. keep-alive membantu menghindari pembentukan berulang, koneksi antara server dan pengguna untuk masing-masing resources dari sebuah halaman web. Hal ini akan memakan waktu lebih lama untuk HTTPS laman web sejak jabat tangan TLS pertama harus dilakukan sebelum sambungan dibuat dan server dan browser harus memiliki kunci yang cocok. Keep-alive membuat koneksi antara server dan browser terbuka dan koneksi yang digunakan untuk mengirimkan semua sumber daya. Akibatnya, hanya satu TLS handshake yang diperlukan.

Meminimalkan jumlah permintaan

Jumlah koneksi paralel antara server dan browser adalah hambatan utama untuk HTTP/2 atau karena keterbatasan basis browser.
Untuk mengatasi ini, elemen statis akan diambil, misalnya, dari subdomain dan CSS dan file JavaScript saling terkait. Ini tidak lagi diperlukan dengan standar HTTP/2 dapat mendukung jumlah jauh lebih besar dari sambungan paralel antara server dan browser.

Interlinking CSS dan JavaScript

Total Cache W3 sangat membantu jika Anda ingin dengan mudah interlink CSS atau file JS melalui backend WordPress. Pertama, Anda perlu mengatur Mengecilkan tombol radio modus otomatis ke manual dalam pengaturan Umum subhalaman ini. Selanjutnya, tambahkan sumber daya untuk saling pada subhalaman Mengecilkan.

DNS prefetch, preconnect, dan sub-resource vs hosting sendiri

Eksternal tersedia sumber daya, seperti font Web atau pelacakan Analytics Google, tambahan memperlambat waktu buka halaman sejak, selain lookup DNS halaman, alamat IP dari berbagai server juga harus diselesaikan. Proses ini dipercepat dengan menggunakan bagian kepala HTML untuk menginformasikan browser semua domain lain yang diperlukan untuk halaman yang akan dimuat – atau melalui self-hosting konten:

Dengan font, Anda harus memastikan Anda hanya memuat bobot font yang digunakan dalam tema (atau hanya ikon tertanam untuk font icon).

WordPress hosting

Saat ini, hampir semua web hosting menawarkan “WordPress Hosting” layanan. Ini pada dasarnya berarti menyediakan instalasi 1-klik di samping database dan memori PHP cukup.

Untuk halaman web yang menargetkan pengguna di Indonesia, masuk akal untuk hosting di iix indonesia atau wilayah terdekat. Node internet terbesar di Indonesia yang terletak di Jakarta dan Jawa. Layanan hosting yang berbasis di Jakarta juga memberikan keuntungan dalam waktu yang sangat singkat speed Byte Pertama pinginnya bahkan kuota internet akan lebih irit tentunya jika membuka website server indonesia . Dalam jangka panjang, itu semua bermuara teknologi penyedia hosting dan insfrastruktur jaringan yang ada di indonesia, jangan heran kalo ternyata hosting barat lebih cepet loadingnya dari pada server lokal.

2. Optimasi gambar

Gambar biasanya membuat volume terbesar dari sebuah situs web. Oleh karena itu Anda harus mendedikasikan perhatian khusus pada gambar saat mengoptimalkan waktu buka website Anda. Di sini, berikut langkah-langkah yang sangat bermanfaat:

Compressing images

Otomatisasi dapat sangat bermanfaat jika Anda bekerja sendiri di website Anda atau perusahaan Anda. Pada proses konversi gambar untuk dimensi yang benar sebelum meng-upload, yang perlu Anda lakukan adalah menentukan ukuran gambar yang sesuai di plugin Imsanity dan setiap gambar yang Anda upload akan selalu dikonversi ke dimensi yang benar sebelum ditampilkan. Ini menghemat banyak waktu dan memastikan bahwa tidak ada langkah “dilupakan”.

Responsive images

Dari berbagai software kompresi gambar dengan integrasi WordPress, seperti Optimus atau EWWW Image Optimizer, tidak mencapai hasil yang lebih baik daripada kraken.io, yang tersedia dengan biaya tambahan. Kombinasi software ini dan plugin Imsanity berarti bahwa gambar Anda pertama kali dikonversi ke dimensi yang benar, kemudian diproyeksikan ke ukuran yang berbeda (thumbnail) sebelum dioptimalkan dengan kraken.io dan disimpan di server: Alur kerja sempurna otomatis untuk gambar dioptimalkan di WordPress.

3. Mengoptimalkan tema (tampilan website)

Tema WordPress sering kelebihan beban dengan fitur yang tidak perlu dan tidak terpakai. Hal ini sebagian disebabkan kerangka yang kuat, seperti Bootstrap, yang jarang dikurangi menjadi fitur yang diperlukan. overload juga dapat dikaitkan dengan pengguna yang, ketika membeli, mengharapkan lebih banyak fitur dalam tema dan kemudian berakhir hanya menggunakan setengah dari fitur yang tersedia.

Anda dapat menggunakan https://unused-css.com/ dengan mudah mengetahui seberapa sedikit kode sebenarnya digunakan. Cukup masukkan URL sitemap untuk memastikan bahwa semua halaman Anda dianalisis. Jika Anda telah membuat tema Anda sendiri yang mengandalkan kerangka seperti Bootstrap, Anda dapat menggunakan penyesuai berikut untuk menjaga kode Anda ramping: https://getbootstrap.com/customize/

Accelerated Mobile Pages (AMP)

Sebanyak pendapat tentang AMP berbeda secara luas, prinsip dasarnya adalah sangat sederhana: “Hindari fungsi yang tidak perlu dan penggunaan berlebihan dari pelacakan pixels – terutama pada laman seluler.

AMP mengurangi halaman dengan konten penting. Ini dapat memiliki dampak yang sangat positif pada waktu beban.

Jika Anda ingin menggunakan AMP dengan WordPress, disarankan untuk menggunakan AMP Plugin resmi dari Automattic. Di sini, Anda juga dapat memodifikasi tampilan halaman AMP untuk mencocokkan warna tema menggunakan dua ekstensi: untuk Yoast SEO & AMP (direkomendasikan untuk semua orang yang menggunakan WordPress SEO oleh Yoast) atau Pagefrog (yang juga mendukung Facebook Instant Artikel ). Jika Anda ingin mempelajari lebih lanjut tentang AMP simak terus ya hestanto.web.id

Postingan Terkait :

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

40 − 30 =