Chúng tôi đã dành toàn bộ thời gian cho mô hình tĩnh của mình để tạo ra một số JavaScript thông minh có thể “tải trơn tru” các hình ảnh trong Thư viện. Bây giờ chúng ta có Thư viện thực với hình ảnh thực, điều đó đã biến mất.
Về cơ bản, chúng ta cần làm cho trình bao bọc hình ảnh của mình có phần đệm ở trên cùng của tỷ lệ khung hình của hình ảnh. Điều đó thật dễ dàng trong mô hình tĩnh vì chúng tôi biết chiều cao và chiều rộng của hình ảnh. Chúng tôi không có thông tin đó nữa, chúng tôi chỉ có URL của hình ảnh.
Chúng tôi Google hướng dẫn cách lấy kích thước hình ảnh bằng PHP. Sau khi chúng tôi có được cái này tại chỗ và ghé thăm thư viện, nó tải siêu chậm. Nó có thể là một hàm PHP getimagesize. Chúng tôi suy đoán rằng một khi nó hoạt động và nó yêu cầu hình ảnh từ cùng một máy chủ mà nó đang bật, nó sẽ nhanh hơn.
Điều đáng buồn là đây không phải là trường hợp. Chức năng này rất chậm vì nó phải yêu cầu toàn bộ hình ảnh và xử lý để có được thông tin cần thiết. Sau đó, chúng tôi chỉ cần sử dụng một cái gì đó hoàn toàn khác để tải diễn ra suôn sẻ. Kiểu như một kẻ vô tích sự. Nếu có thể quay ngược thời gian, chúng ta nên sử dụng trình tải lên phương tiện WordPress gốc để tải lên những hình ảnh này chứ không phải là một trường tùy chỉnh. Bằng cách đó, chúng tôi sẽ có quyền truy cập vào dữ liệu kích thước hình ảnh được lưu trữ trong cơ sở dữ liệu, điều này có thể làm cho tất cả điều này trở nên khả thi.