Bỏ qua đến nội dung chính

Cách đề xuất hình ảnh WebP thay vì PNG & JPG truyền thống

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Google đứng đầu chuỗi thực phẩm Internet. Xã hội ảnh hưởng (hoặc ra lệnh) phần lớn những gì xảy ra trực tuyến. Và định dạng hình ảnh mới của họ, WebP, tiếp tục xu hướng này. Khi tốc độ tải trang trở nên quan trọng hơn (chủ yếu là do Xếp hạng trang của Google), các nhà phát triển và nhà thiết kế coi việc nén hình ảnh là cách dễ nhất để giảm thời gian tải. Hình ảnh Google WebP nhỏ hơn khoảng 30% so với hình ảnh JPG hoặc PNG thông thường và giữ được chất lượng tương đương. Và quan trọng nhất, bạn không phải lo lắng về việc chuyển đổi thủ công hình ảnh của mình sang WebP.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách sử dụng định dạng hình ảnh mới này với WordPress, mặc dù nó chưa được hỗ trợ theo mặc định.

Sử dụng Optimole để phục vụ các tệp WebP trên WordPress

WebP, dưới dạng định dạng hình ảnh, không được hỗ trợ theo mặc định trong WordPress. Bạn có thể tải xuống hình ảnh .webp, nhưng với tệp SVG, bạn có thể nhận được thông báo lỗi. Và một lần nữa, đối với việc sử dụng Các tệp SVG với WordPress , có một cách giải quyết đơn giản thông qua trình cắm thêm.

Trong số các dịch vụ WebP được thử nghiệm, Optimole nổi bật so với những người khác. Nó thực sự có thể làm việc với tối thiểu cấu hình. Chúng tôi muốn giải thích cách định cấu hình và làm cho cài đặt WordPress của bạn tương thích với định dạng WebP một cách đơn giản nhất có thể.

Đầu tiên, bạn rõ ràng sẽ muốn tải về và cài đặt plugin . Nó nằm trong thư mục WP.org và hoàn toàn miễn phí. Vì dịch vụ dựa trên API bật nó (tối đa một điểm). Mặc dù có thể chuyển đổi hình ảnh truyền thống sang WebP một cách nhanh chóng bằng PHP, nhưng không phải tất cả các máy chủ web đều cấp quyền này cho máy chủ của bạn. Nếu bạn có quyền này, bạn cũng có thể kiểm tra trình cắm WebP Express. Bạn có nhiều quyền kiểm soát với điều đó nhưng nó là một hệ thống đòi hỏi nhiều cấu hình hơn để chạy trơn tru.

Khi Optimole được cài đặt và kích hoạt trên trang web WordPress của bạn, bạn sẽ tìm thấy một tùy chọn menu mới trên Phương tiện - Tối ưu .

Khóa API tối ưu của bạn

Trước khi bạn có thể truy cập cài đặt hoặc cấu hình, bạn phải có tài khoản Optimole. Nếu bạn đã cấu hình một, bạn có thể nhấp vào nút Tôi đã có khóa API . cách khác, lưu và gửi khóa API qua email . Tài khoản cơ bản của khóa API là miễn phí và bạn nhận được khoảng lượt truy cập 5 000 ở cấp độ đó. Nếu bạn cần nhiều hơn thế, có mức giá có sẵn.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Optimole định nghĩa một chuyến thăm là " bất cứ ai ghé thăm nơi của bạn một lần. . .] Mỗi người dùng chỉ được tính một lần. Bất kể họ làm gì trên trang web của bạn, có bao nhiêu hình ảnh họ tải lên hoặc bao nhiêu trang họ truy cập; nó chỉ là một người dùng. Nếu họ rời khỏi trang web của bạn và quay lại cùng ngày, họ vẫn chỉ là người dùng. "

Khi các lượt truy cập đo được hết, chỉ các hình ảnh WebP sẽ không được phát. Hình ảnh của bạn không làm điều đó. Bạn sẽ tìm thấy khóa API trong bảng điều khiển Optimole của bạn ở trên cùng.

Chỉ cần dán nó vào bảng điều khiển WordPress của bạn và bạn sẽ sẵn sàng bắt đầu truyền bá hình ảnh WebP với WordPress.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Bảng điều khiển Optimole WordPress của bạn

Trong bảng điều khiển WordPress của bạn, bạn có được thông tin cơ bản về tối ưu hóa WebP của mình. Điều này cho phép bạn khắc phục sự cố và đánh giá sự thành công của gia tốc này. Bằng cách này, bạn có thể thay đổi các cài đặt khác nhau.

Đầu tiên, bạn thấy tài khoản được liên kết với API, sau đó ở cuối màn hình, trình cắm hiển thị hình ảnh được tối ưu hóa mới nhất. Bạn có thể thấy số lượng hình ảnh WebP được cung cấp nhỏ hơn nhiều so với hình ảnh ban đầu bạn đã tải xuống trên WordPress.

Sau đó là tab khó khăn có thể được ở trên cùng Không ai thích xem tab được tô sáng, nhưng tất cả chúng ta cũng cần phải xem những gì xung đột có thể xảy ra.

Vấn đề chính mà chúng tôi gặp phải là với các plugin phân phối và nén hình ảnh khác. Như bạn có thể thấy trong hình trên, plugin Jetpack hoạt động theo cách tương tự như Optimole thông qua APoton để họ có thể đập đầu. Đối với chúng tôi, điều này được thể hiện bởi thực tế là không có hình ảnh nào được truyền đến khách truy cập. Chúng tôi không gặp phải bất kỳ vấn đề nào với các dịch vụ nén khác như TinyPNG hoặc Smush.

Sử dụng bảng điều khiển

Nếu bạn muốn biết thêm thông tin chi tiết về cách trang web của bạn hoạt động với WebP, Bảng điều khiển bên ngoài Optimole chứa thông tin này cho bạn.

Thay vì chỉ nhỏ hơn 9,5 lần, bạn có thể thấy kích thước thực của các tệp được cung cấp. Cũng như các tệp trong khoảng thời gian 30 ngày.

Bạn cũng có thể xác định hình mờ trong bảng điều khiển Optimole (hoặc WP) để bất kỳ ai nhận được WebP từ trang web WordPress của bạn đều tự động nhận được blazon của logo của bạn. Đó là một quy trình đơn giản và bạn có thể kiểm soát độ mờ đục, vị trí, v.v.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Về cơ bản, bạn có thể làm điều tương tự từ cả hai bảng điều khiển. Hoặc dưới tab Tham số từ WordPress, bằng cách truy cập bảng điều khiển bên ngoài tại Optimole. Tất cả phụ thuộc vào những gì bạn cảm thấy thoải mái nhất, cũng như mức độ dữ liệu bạn cần tại một thời điểm nhất định.

Ngoài ra, bạn sẽ có thể kiểm soát mức độ nén, tải chậm và khi / nếu một số hình ảnh được phát dưới dạng WebP dựa trên tên tệp. Bạn sẽ tìm thấy tất cả điều này trong tab Tham số de Phương tiện - Tối ưu .

gói

Phần tốt nhất của việc sử dụng WebP với các trang web WordPress là bạn không phải làm việc thủ công với các tệp. Không tải thêm, không có thời gian nén thêm, không có gì. Do hoạt động của API, tất cả các quy trình và tính toán được thực hiện nhanh chóng trong thời gian thực. Google đã thực sự làm cho Internet nhanh hơn bằng cách sử dụng WebP thay vì JPG hoặc PNG. Tuy nhiên, ưu điểm chính là hình ảnh vẫn giữ nguyên chất lượng, ngay cả khi kích thước của chúng bị giảm đáng kể. Điều thú vị đối với bạn là Google yêu cầu bạn sử dụng định dạng của họ để tăng tốc trang web của bạn để có thể xếp hạng cao hơn, trải nghiệm của người dùng cuối cũng tốt hơn. Và đó là những gì quan trọng cuối cùng.

Bài viết này chứa comments 0

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
5 cổ phiếu
cổ phiếu5
tweet
Enregistrer