Cara Membuat Gambar Muat Lebih Cepat di Situs WordPress Anda

04.06.2020
WordPress 'Cara Membuat Gambar Muat Lebih Cepat di Situs WordPress Anda
0 8 мин.

Jadi Anda ingin gambar Anda dimuat lebih cepat?


Yah, aku tidak akan berlengah-lengah. Mari selami hal-hal yang baik!

Ada tiga cara untuk membuat gambar dimuat lebih cepat di WordPress:

  • Ubah ukuran
  • Kompres
  • Beban malas

Di pos ini, saya akan menjelaskan cara kerja masing-masing teknik ini dan mengapa mereka membuat situs Anda memuat lebih cepat. Saya juga akan menunjukkan kepada Anda bagaimana menerapkan setiap taktik dengan solusi manual dan rekomendasi plugin.

Teknik pertama ini sangat sederhana tetapi sering diabaikan oleh pemula WordPress.

Cara Mengoptimalkan Gambar di WordPress

Ubah ukuran gambar Anda

Cara termudah mutlak untuk membuat gambar Anda memuat lebih cepat adalah mengubah ukurannya. Biarkan saya jelaskan.

Apa yang mengubah ukuran?

Ketika saya mengatakan “mengubah ukuran”, saya bermaksud mengubah dimensi gambar, dan dalam hal ini, Anda ingin mengurangi dimensi gambar yang terlalu besar.

Sebagai contoh, blogger terkadang mengambil foto di ponsel atau kamera digital dan mengunggahnya ke blog mereka. Salinan foto yang belum diedit dapat seluas 5.000 px. Sekarang pikirkan ini …

Lebar bagian posting di situs Anda mungkin tidak lebih lebar dari 800px. Teks yang sedang Anda baca saat ini hanya mencakup sekitar 700px di seluruh halaman, jadi bayangkan menambahkan gambar dengan lebar 5.000px di sini. Itu akan jauh lebih besar dari yang seharusnya dan sementara itu akan diturunkan agar sesuai dengan halaman, file gambar yang dimuat masih besar dan sangat boros. Dan itu karena …

Gambar yang memiliki dimensi lebih besar juga memiliki ukuran file yang lebih besar.

Ketika datang ke kinerja dan membuat gambar Anda memuat lebih cepat, mengurangi dimensi gambar Anda adalah cara yang bagus untuk secara drastis mengurangi ukuran file, dan ini membuat gambar memuat lebih cepat.

Mari kita kembali ke contoh saya dan menganggap gambarnya adalah 5.000px lebar dan tinggi. Jika Anda menguranginya dari 5.000px menjadi hanya 700px, gambar sebenarnya akan menggunakan 99% lebih sedikit piksel. Dengan kata lain, ukuran file akan berkurang sekitar 99%. Jika gambar 5mb, itu akan berakhir hanya 50kb dan akan memuat 99% lebih cepat di situs Anda.

Ubah ukuran gambar

Jika Anda tidak bermaksud mengubah ukuran gambar dengan hati-hati, hampir pasti ada beberapa keuntungan yang akan didapat.

Ada beberapa cara Anda dapat mengubah ukuran gambar agar sesuai dengan situs dengan sempurna.

Ubah ukuran gambar Anda secara manual

Sebelum mengunggah gambar baru ke situs Anda, ubah ukurannya secara manual menggunakan alat pengeditan gambar bawaan di komputer Anda.

Jika Anda memiliki gambar yang sangat besar seperti dalam contoh saya, ini akan segera membuat perbedaan besar. Setelah gambar diubah ukurannya, maka Anda dapat mengunggahnya ke Perpustakaan Media Anda.

Bahkan jika Anda akan menggunakan gambar di lightbox atau slider, biasanya tidak ada alasan untuk itu lebih dari 2.000px. Jika gambar akan berada di area konten posting atau halaman, Anda mungkin dapat melakukannya dengan baik dengan lebar gambar 800px.

Metode mengubah ukuran gambar ini berfungsi dengan baik, tetapi itu tidak membantu dengan gambar yang sudah diunggah ke situs Anda. Teknik mudah untuk gambar yang ada adalah cukup memilih ukuran yang berbeda.

Gunakan ukuran yang lebih kecil

Saat Anda mengunggah gambar ke Media Library Anda, WordPress membuat hingga 3 versi tambahan: Thumbnail, Medium, dan Large.

Jika Anda mengunjungi halaman Pengaturan media Anda, Anda akan melihat bahwa Anda dapat memilih ukuran-ukuran itu di sini:

Pengaturan Media WordPress

Meskipun Anda dapat memodifikasi pengaturan, ukuran besar default adalah 1024px yang cukup besar untuk digunakan untuk posting tanpa terlalu boros. Anda dapat menggunakan ukuran ini untuk semua gambar yang Anda sertakan dalam posting Anda.

Untuk mengganti ukuran gambar yang Anda tambahkan ke posting, klik di dalam editor, dan Anda akan melihat dropdown Ukuran Gambar di sidebar kanan.

Ubah Ukuran Gambar WordPress

Pilih ukuran “Besar” dan perbarui posting. Jika Anda memiliki gambar yang terlalu besar, teknik ini akan memungkinkan Anda dengan cepat menyajikan ukuran yang lebih tepat yang akan memuat lebih cepat tanpa perlu memuat ulang dan mengganti yang asli.

Yang mengatakan, ini bisa sangat membosankan jika Anda memiliki lusinan pos dengan lusinan gambar. Ada metode yang lebih cepat dan lebih efektif tersedia.

Mengubah ukuran secara otomatis dengan sebuah plugin

Alih-alih mengubah ukuran gambar sendiri, Anda dapat membiarkan plugin melakukannya secara otomatis untuk Anda. Ketika datang ke ukuran gambar otomatis, tidak ada yang mengalahkan itu Optimole plugin.

Pengoptimal Gambar Optimole

Itu tidak bekerja seperti yang Anda harapkan.

Alih-alih mengedit gambar di Media Library Anda, Optimole menyimpan salinan gambar Anda sendiri dan menyajikannya dari CDN kinerja tinggi. Dengan cara ini, dokumen asli Anda tidak pernah dimodifikasi dengan cara apa pun.

Selain itu, Anda tidak perlu memberi Optimole ukuran tunggal untuk digunakan untuk gambar Anda. Sebaliknya, ia mendapat ukuran layar pengunjung dan menghasilkan versi ukuran optimal dari setiap gambar dengan cepat. Itu berarti bahwa seseorang pada perangkat seluler mungkin memuat versi 400px dari suatu gambar sementara pengunjung lain pada laptop mendapatkan versi 700px dari gambar yang sama.

Metode pengubahan ukuran ini jauh lebih mudah diterapkan dan lebih efektif untuk perangkat seluler yang sangat penting karena pengunjung seluler sering cenderung menggunakan koneksi yang lebih lambat..

Jika Anda ingin mempelajari cara menggunakan Optimole, Anda dapat mengikuti video walkthrough lengkap saya:

Saya merekomendasikan mengubah ukuran terlebih dahulu karena apakah Anda melakukannya secara manual atau mengotomatiskannya dengan plugin, itu sederhana dan dapat menawarkan keuntungan besar.

Jika gambar Anda sudah berukuran tepat untuk situs Anda, Anda masih dapat meningkatkan kinerja situs Anda lebih banyak dengan kompresi.

Kompres gambar Anda

Kompresi adalah cara untuk mengurangi ukuran file gambar tanpa mengubah dimensinya.

Ada dua jenis kompresi gambar yang tersedia.

Jenis kompresi gambar pertama disebut kompresi “lossless”.

Kompresi lossless

Dengan optimasi lossless, gambar itu sendiri sebenarnya tidak diedit. Sebaliknya, teknik ini menghapus semua metadata yang disimpan dalam file gambar. Misalnya, gambar sering menyimpan nama perangkat yang digunakan untuk mengambil gambar, tanggal pengambilan foto, dan kadang-kadang bahkan koordinat GPS dari pemotretan..

Karena data ini biasanya sangat terbatas, optimasi lossless hanya dapat mengurangi ukuran gambar Anda hingga 1-5%, tetapi sebenarnya tidak ada alasan untuk tidak menggunakannya karena tidak ada dampak pada kualitas gambar.

Keuntungan nyata berasal dari optimasi lossy.

Kompresi lossy

Seperti yang Anda harapkan, kompresi lossy mengoptimalkan gambar itu sendiri dan menghasilkan penurunan kualitas. Tapi ini masalahnya …

Algoritma kompresi sangat baik akhir-akhir ini sehingga Anda sering dapat mengurangi ukuran file gambar sebesar 50-70% tanpa perbedaan yang jelas. Kecuali jika Anda adalah seorang fotografer profesional dan membutuhkan gambar Anda untuk benar-benar tajam pada monitor 4k, Anda bahkan tidak akan melihat hilangnya kualitas.

Cara mengompres gambar Anda

Anda dapat secara manual mengompres gambar Anda dengan alat seperti TinyPNG sebelum Anda mengunggahnya, atau gunakan plugin untuk mengotomatisasi sesuatu.

ShortPixel adalah plugin yang bagus untuk mengoptimalkan gambar di situs Anda. Itu dapat mengoptimalkan mereka segera ketika Anda mengunggahnya dan massal mengoptimalkan semua gambar yang sudah ada di Perpustakaan Media Anda.

shortpixel

Saya merekomendasikan Optimole untuk mengubah ukuran gambar dan juga mengkompres gambar dengan sangat efektif. Sekali lagi, ini tidak mengoptimalkan sumber asli yang disimpan di Media Library Anda, tetapi lebih baik mengkompres salinan yang disajikan untuk pengunjung Anda.

Anda dapat menemukan beberapa plugin pengoptimalan gambar di sini.

Dengan ukuran gambar dan kompresi Anda, situs Anda akan memuat lebih cepat, tetapi ada satu optimasi terakhir untuk gambar yang dapat Anda buat.

Terapkan pemuatan malas

Pemuatan malas adalah cara yang sangat cerdas untuk lebih mengoptimalkan gambar Anda.

Katakanlah Anda memiliki posting blog dengan 12 gambar di dalamnya. Ketika seseorang mengunjungi situs Anda, tidak semua gambar itu akan langsung terlihat di layar mereka. Mereka harus menggulir lebih jauh ke bawah agar sebagian besar dari mereka muncul. Jadi mengapa memuat semua 12 segera?

Dengan pemuatan malas, hanya gambar yang muncul di layar yang dimuat. Alih-alih 12 gambar dimuat, mungkin hanya 2-3 yang dimuat sebagai gantinya. Kemudian saat pengunjung menggulir ke bawah halaman, gambar yang tersisa dimuat saat mereka datang ke layar. Ini berarti bahwa pemuatan awal jauh lebih cepat, dan karena sebagian besar pengunjung tidak akan menggulir ke bawah halaman, banyak gambar tidak pernah dimuat yang menghemat sumber daya server Anda yang berharga.

Video ini memiliki visualisasi yang menjelaskan lebih baik jika Anda menginginkan gambar yang lebih jelas tentang cara kerja lazy loading:

Sekarang setelah Anda menjual konsepnya, inilah cara Anda dapat menerapkan pemuatan malas di situs Anda.

Cara menggunakan lazy loading

Sekali lagi, teknik optimasi kinerja ini mudah ditambahkan ke WordPress dengan sebuah plugin.

Jika Anda mencari opsi gratis, cobalah Optimole atau a3 Beban Malas.

Dengan Optimole, pemuatan malas dihidupkan secara otomatis, dan plugin a3 mudah dikonfigurasi.

Selain itu, jika Anda tidak keberatan membayar maka periksa WP Rocket. Ini memiliki caching kinerja tinggi dan berbagai alat kecepatan lainnya.

Untuk mengaktifkan pemuatan malas dengan WP Rocket, yang harus Anda lakukan adalah membalikkan sakelar ini:

WP Rocket Media

Itu tidak bisa lebih mudah!

Nikmati pemuatan gambar Anda yang lebih cepat

Untuk meringkas apa yang baru saja Anda pelajari …

Gambar besar yang diunggah ke situs Anda sangat lambat. Hanya satu dari gambar-gambar ini yang dapat menghentikan situs Anda.

Hal terpenting yang dapat Anda lakukan untuk mempercepat gambar adalah mengubah ukuran gambar yang terlalu besar sehingga ukurannya sesuai untuk situs Anda. Anda dapat melakukan ini secara manual atau mengotomatiskannya dengan Optimole.

Selanjutnya, algoritma kompresi gambar telah melalui perjalanan panjang dan hari ini, Anda dapat mengurangi ukuran file gambar sebesar 50-70% tanpa mempengaruhi kualitas dengan cara yang nyata. Ini bukan otak. Gunakan ShortPixel atau Optimole untuk mengompres setiap gambar di situs Anda.

Terakhir, pemuatan malas adalah cara yang bagus untuk memuat gambar secara selektif. Anda dapat menggunakan Optimole, Load Malas a3, atau WP Rocket untuk secara instan menerapkan pemuatan malas di situs Anda.

Jika Anda belum pernah menggunakan salah satu dari teknik ini, situs Anda akan memuat secara dramatis lebih cepat setelah diterapkan. Kau akan terkejut.

Apakah Anda memiliki pertanyaan tentang konsep dan teknik dalam posting ini? Punya kiat lain untuk dibagikan? Posting di bagian komentar di bawah ini!

Anda mungkin juga suka,

Cara Memperbaiki Situs WordPress dan Panel Admin Lambat (Permanen)

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector