# 93: Percubaan di Kelancaran Memuatkan Halaman Galeri - Trik CSS

Anonim

Kami menghabiskan masa ini dalam mockup statik kami membuat beberapa JavaScript pintar yang akan "melancarkan" gambar di Galeri. Sekarang kita mempunyai Galeri sebenar dengan gambar sebenar, yang hilang.

Pada dasarnya, kita perlu mendapatkan pembungkus gambar kita yang mempunyai bahagian atas nisbah aspek gambar. Itu mudah dalam maket statik kerana kami tahu tinggi dan lebar gambar. Kami tidak mempunyai maklumat itu lagi, kami hanya mempunyai URL gambar.

Kami Google tutorial untuk mendapatkan dimensi gambar dengan PHP. Selepas kami mendapatkan ini di tempat dan melawat galeri, ia memuatkan super perlahan-lahan. Ini mungkin fungsi PHP getimagesize. Kami membuat spekulasi bahawa apabila ini disiarkan secara langsung, dan meminta gambar dari pelayan yang sama di dalamnya, ia akan menjadi lebih cepat.

Ternyata sayangnya ini tidak berlaku. Fungsi ini lambat kerana perlu meminta keseluruhan gambar dan memprosesnya untuk mendapatkan maklumat yang diperlukannya. Nanti kita harus menggunakan sesuatu yang sama sekali berbeza untuk berjalan lancar. Jenis gelandangan. Sekiranya kita dapat mengembalikan masa kita seharusnya menggunakan pemuat media media asli untuk memuat naik gambar-gambar ini dan bukannya bidang khusus. Dengan cara itu kita akan dapat mengakses data dimensi gambar yang tersimpan dalam pangkalan data yang memungkinkan semua ini dapat dilakukan.