Nén Emoji giúp website WordPress load nhanh hơn.
Trong bài viết hôm trước tôi đã từng hướng dẫn các bạn cách loại bỏ Emoji ra khỏi những trang không sử dụng hoặc hiếm khi sử dụng các biểu tượng cảm xúc (thường gọi là icon mặt cười) rồi phải không nào? Việc này sẽ giúp làm gọn HTML và khiến website của bạn load nhanh hơn. Nhưng sẽ như thế nào nếu Emoji là một phần thiết yếu đối với website của bạn? Đừng lo lắng, ngay sau đây là một giải pháp tuyệt vời để tối ưu Emoji mà không cần phải loại bỏ nó.
Tham khảo thêm:
- Loại bỏ Emoji để tăng tốc độ load cho website WordPress
- Làm sạch Header của WordPress giúp website load nhanh hơn
Tại sao Emoji cần được nén?
Như các bạn đã biết, các icon mặt cười của Emoji được tải trực tiếp từ server của WordPress.org khiến cho chúng không thể bị cache và cũng không hề được tối ưu (nén giảm kích thước). Điều này sẽ ảnh hưởng ít nhiều đến hiệu suất của website, đặc biệt là khi site của bạn được lưu trữ ở trong nước và kết nối mạng quốc tế bị chậm. Giải pháp tốt nhất để giải quyết vấn đề chính là lưu trữ Emoji ngay trên host của bạn để nén và cache chúng một cách dễ dàng hơn.
Cách nén Emoji trong WordPress
Tất cả những gì các bạn cần làm là cài đặt và kích hoạt một plugin có tên là Compressed Emoji (download).
Việc còn lại là ngồi rung đùi, uống nước và tận hưởng thành quả.
Ví dụ bên trên cho thấy khi plugin được kích hoạt, nó sẽ giúp tiết kiệm khoảng 60% dung lượng cho mỗi biểu tượng cảm xúc. Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Bạn có đang sử dụng Emoji trên website WordPress của mình? Bạn đã làm cách nào để tối ưu nó? Hãy chia sẻ phương pháp của bạn với chúng tôi thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Blog bác bỏ luôn rồi à… bình luận mà không có Emoji tụt cảm xúc vãi :lol:
Chấp nhận đau thương đi. :P
Loại bỏ luôn cái emo thì sao anh, thấy nó cứ load scrip mà blog e thì chả xài emo bao giờ :d
Có bài viết hướng dẫn rồi mà bạn. https://wpcanban.com/wordpress/thu-thuat-wordpress/loai-bo-emoji-tang-toc-wordpress.html. Chịu khó bớt chút thời gian search trước khi hỏi đi. :P
Hay đấy, mới học thêm chiêu này của bạn Hiếu nên web ok hơn hẵn
Mình thấy WP Rocket cũng có tính năng này mà Hiếu.
Đúng rồi. WP Rocket cũng có. :)
Vì vậy mọi người nên mua plugin WP Rocket ủng hộ Mr. Hiếu, thay vì phải cài thêm 1 plugin chỉ để làm mỗi việc nén Emoji. Hihi
Yeah! Chính xác rồi. :D
Không hiểu sao các Tags bị lỗi: chữ to chữ nhỏ, ad vs members giúp với.
Tks.
http://prntscr.com/dbgzog
Đây không phải lỗi mà là cơ chế của widget Tags. Tag nào được dùng nhiều thì nó phóng to, dùng ít thì nó thu nhỏ. Kích thước thay đổi phụ thuộc vào số lần sử dụng. :P
Ad có template nào đẹp làm site bán hàng ko ạ? mình làm mấy mẫu mà xấu quá
Bên mình có rất nhiều nhé. Bạn có thể tham khảo chương trình mua chung của WP Căn bản tại đây: https://vip.wpcanban.com/group-buying/
mình làm được rồi , cảm ơn bạn nhiều nhé !
chào bạn , cho mình hỏi tí là mình mới add thêm 1 addon domain và khi truy cập vào tên miền thì nó hiện ra page Index gồm 2 folder là cgi-bin và wp , chỉ khi mình nhấp vào file wp thì mới hiện ra trang wordpress thôi.
Bạn cần phải move toàn bộ mã nguồn có trong thư mục wp ra ngoài (đặt ngang hàng với nó và thư mục cgi-bin rồi xoá sạch database hoặc tạo database khác và tiến hành cài đặt lại WordPress từ đầu nhé. :P
Em có 1 vấn đề muốn hỏi đáp.
Em sử dụng Google Photos kết hợp với Blogger làm host hình ảnh. Hiện tại em thấy rất ỗn
Cách em làm là
B1: up ảnh lên Google Photos (chất lượng khuyến cáo nên miễn phí dung lượng lữu trữ)
B2: tạo một trang blogger đơn giản ko thiết kế gì cả
B3: tạo bài viết bằng blogger > chèn ảnh > ảnh từ Google Photos. Sau đó đăng luôn
B4: Xem bài viết chứa ảnh đã đăng > chuột phải lấy URL hình ảnh. Nó cho URL cố định luôn
Không biết cách này có bị Google ghét k anh nhỉ. Chứ em thấy kiểu này thì host xài 10 năm cũng ko hết :))
A giỏi SEO,GG,WP nên nhận xét giúp e nhé.
Về cơ bản, lưu ảnh trên site khác không có lợi cho SEO. Bởi vì khi ai đó tìm kiếm hình ảnh thì site được hưởng lợi là site lưu trữ hình ảnh (Blogger) chứ không phải site của bạn. :P
Vậy giờ có 2 hướng nếu theo con đường này. A nhận xét giúp e nhé.
Hướng1: đổi bài viết của blogger thành bản nháp. Vậy chỉ yếu là lấy link ảnh, còn bài viết k có. (Link ảnh là chuỗi ký tự google k hề có url web mà)
Hướng 2: chèn link trực tiếp từ google photos. Nhưng mà mỗi lần lấy link là nó cho link khác, tuy nhiên cái link cũ vẫn tồn tại. (E hơi sợ sẽ có ngày nó mất link cũ nên mới dùng blogger để ra link cố định đấy a)
2 hướng này đều có chung 1 hậu quả như mình đã nói. Tốt nhất nên lưu ảnh ở trên host của bạn. Bây giờ rất nhiều nhà cung cấp bán host không giới hạn dung lượng lưu trữ mà. :P
nè Hiếu, cái breadcrumd site mình sao trên pc không hiển thị nhỉ? ( trên google ),
Test thử cái là biết ngay nguyên nhân này: https://search.google.com/structured-data/testing-tool/u/0/
“Vị trí của bạn: Home BÀI HỌC LÀM GIÀU [ Wordpress ] Theme tin tức Newspaper phiên bản mới nhất (Thuộc tính breadcrumb không được Google nhận dạng vì một đối tượng thuộc loại Blog.)”
là sao nhỉ ? :P
Nghĩa là cái breadcrumb của bạn bị lỗi markup structured data nên không hiển thị được trên Google chứ gì nữa. :P
fix kiểu gì đây nhỉ ? :P thấy 1 đống lỗi
Cái này bạn lên Google tự tìm cách giải quyết nhé. Rất rắc rối và dài dòng nên mình không thể hỗ trợ được. :P
Cài nhiều dạng plugin như thế này có gây nặng web lắm không bạn :D
Phải có sự chọn lọc và cân nhắc chứ bạn. Đâu phải thấy người khác giới thiệu plugin gì thì bạn cài plugin đó. :P
Mình cài cũng 15 plugin rồi :v chắc nhiều quá rồi nhỉ :(
Nhiều hay ít chưa phải là tất cả. Vấn đề quan trọng là những plugin mà bạn cài vào có nặng hay không. :P
Cài kiểu gì cũng nặng không ít thì nhiều :D. Tắt luôn cái bộ emoji luôn cho khỏe :))