# 93: Upaya Memuat Halaman Galeri dengan Lancar - Trik CSS

Anonim

Kami menghabiskan semua waktu ini dalam mockup statis kami membuat beberapa JavaScript pintar yang akan "memuluskan" gambar di Galeri. Sekarang kita memiliki Galeri asli dengan gambar nyata, itu hilang.

Pada dasarnya, kita perlu mendapatkan pembungkus gambar kita yang memiliki padding-top rasio aspek gambar. Itu mudah dalam mockup statis karena kami tahu tinggi dan lebar gambar. Kami tidak memiliki informasi itu lagi, kami hanya memiliki URL gambarnya.

Kami Google tutorial tentang mendapatkan dimensi gambar dengan PHP. Setelah kami memasang ini dan mengunjungi galeri, itu memuat dengan sangat lambat. Itu mungkin fungsi PHP getimagesize. Kami berspekulasi bahwa setelah ini ditayangkan, dan itu meminta gambar dari server yang sama, itu akan lebih cepat.

Ternyata sayangnya hal ini tidak terjadi. Fungsi ini lambat karena harus meminta seluruh gambar dan memprosesnya untuk mendapatkan informasi yang dibutuhkan. Nanti kita hanya perlu menggunakan sesuatu yang sama sekali berbeda untuk mendapatkan pemuatan yang lancar. Agak menyebalkan. Jika kita bisa memutar kembali waktu kita seharusnya menggunakan pengunggah media WordPress asli untuk mengunggah gambar-gambar ini daripada bidang khusus. Dengan cara itu kita akan memiliki akses ke data dimensi gambar yang disimpan dalam database yang akan memungkinkan semua ini.