Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Cara menggunakan file_get_contents dengan loading
Bagaimana cara menggunakan file_get_contents dengan loading,
Saya memiliki program
$path = 'myfolder/myimage.png';
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
Jika hanya digunakan untuk 1 gambar mungkin akan normal, namun bagaimana jika digunakan untuk banyak gambar dalam 1 page ? , Misalnya saya membuat galery page dimana 1 page berisi 100 gambar, jika kode tersebut dijalankan yang terjadi malah load page lama,
Nah bagaimana cara agar menjalankan kode tersebut setelah page berhasil diload ? Mungkin lebih baik sekalian ditambahkan text "Loading" saat proses menjalankan program tersebut
Dan saya tidak ingin agar path image tersebut diperlihatkan dalam view-source maupun inspect elements, jadi saya hanya menginginkan memperlihatkan base64 tersebut
1 Jawaban:
<div>Mungkin bisa menggunakan ajax, jadi tidak perlu harus menunggu semua gambar di load terlebih dahulu. Dalam PWA setahu saya ada teknik yg namanya lazy loading, ya itu tujuannya gambar ngga harus di load keseluruhan di awal ketika render halamannya, gambar hanya di render ketika user scroll terus sampai ke bawah biasanya, baru pada saat itu gambar akan di load. </div>
