Tối ưu hóa emoji wordpress

WordPress tính hợp sẵn tính năng hiện thị emoji (hiện thị biểu cảm), nhưng nó làm giảm tốc độ load website của bạn đi rất đang kể nhiều người không biết về điều đó.

Mình sẽ chia sẽ cách tối ưu hóa loại bỏ emoji của WordPress và giải pháp thay thế hoàn hảo khác sẽ tăng tốc độ website WordPress của bạn.

emoji là gì

emoji là hiện thị biểu cảm xúc 😀 😃 😄 😁 😆 😅 😂 🤣 😊 😇 🙂 🙃 😉 😌 😍 🥰 😘 😗 đây là các emoji ví dụ.

Tuy nhiên WordPress tăng hợp mặc định sẵn từ WordPress 4.2 trở đi đã tích hợp sẵn WordPress tính năng hiển thị emoji, nhiều người dùng WordPress chưa bao giờ biết tích hợp sử dụng emoji nhưng nó WordPress sẽ luôn load javascript khá nặng để hiện thị emoji đó là một sự lãng phí tài nguyên và làm chậm tốc độ load website WordPress của bạn.

Javascript này cũng khá nặng (14,6kb trong điều kiện chưa nén gzip hay broli) đó chính là nguyên nhân làm chậm website của bạn cần phải loại bỏ chúng và tối ưu.

File javascript đó cũng được được tối ưu theo tải điều kiện trang nào dùng thì trang đó tải thôi, nhưng nó tải tất cả các trang.

Mình thấy đối với các website WordPress đó là một tính năng thật sự không cần thiết cần được loại bỏ ngay, và thay vào đó sử dụng emoji hiện thị mặc định Native của trình duyệt.

WordPress emoji sinh ra để làm gì

Để hỗ trợ những trình duyệt nào không hỗ trợ emoji có thể hiện thị.( bây giờ năm 2020 rất ít trình duyệt nào không hỗ trợ emoji cả hay đối với mình có emoji cũng được không có cũng chả sao, nhưng thêm quả javascript nặng thêm 14,6kb thì cũng chậm website phết đó)

Và đồng bộ các emoji biểu cảm xúc giống nhau ví dụ bạn dùng trình duyệt safari hay google chrome thì vẫn hiện thị giống nhau ( đây là lý do duy nhất để sử dụng).

Website WordPress đâu có phải là mạng xã hội cần phải đồng bộ hay sử dụng tính năng này làm gì đâu.

Theo mình hãy loại bỏ chúng để tăng tốc độ load website WordPress của bạn.

Theo mình thì 99% các website WordPress nên loại bỏ chúng, nó cũng không cần thiết để sử dụng.

Cách loại bỏ emoji WordPress javascript

Xóa emoji của WordPress này không phải là bạn phải tạm biệt sử dụng emoji dùng theo emoji của trình duyệt.

bạn chỉ cần đưa đoạn code này vào file functions.php của bạn để loại bỏ tính năng đồng bộ emoji

/******** xoa bieu tuong cam xuc ************/
	add_action('init', 'wptangtoc_tat_emojis_WordPress');
function wptangtoc_tat_emojis_WordPress() {
	remove_action('wp_head', 'print_emoji_detection_script', 7);
	remove_action('admin_print_scripts', 'print_emoji_detection_script');
	remove_action('wp_print_styles', 'print_emoji_styles');
	remove_action('admin_print_styles', 'print_emoji_styles');	
	remove_filter('the_content_feed', 'wp_staticize_emoji');
	remove_filter('comment_text_rss', 'wp_staticize_emoji');	
	remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
	add_filter('tiny_mce_plugins', 'wptangtoc_tat_emojis_WordPress_tinymce');
	add_filter('wp_resource_hints', 'wptangtoc_tat_emojis_WordPress_dns_prefetch', 10, 2);
	add_filter('emoji_svg_url', '__return_false');
}
function wptangtoc_tat_emojis_WordPress_tinymce($plugins) {
	if(is_array($plugins)) {
		return array_diff($plugins, array('wpemoji'));
	} else {
		return array();
	}
}
function wptangtoc_tat_emojis_WordPress_dns_prefetch( $urls, $relation_type ) {
	if('dns-prefetch' == $relation_type) {
		$emoji_svg_url = apply_filters('emoji_svg_url', 'https://s.w.org/images/core/emoji/2.2.1/svg/');
		$urls = array_diff($urls, array($emoji_svg_url));
	}
return $urls;
}

Cách 2: có rất nhiều plugin hỗ trợ giúp bạn gỡ bỏ xóa WordPress emoji như wp-rocket, litespeed cache plugin, Perfmatters …

Giải pháp thay thế bằng emoji trình duyệt

bạn dùng phương pháp này cách hiện thị emoji sẽ có thể khác nhau vì emoji có thể sẽ có một bộ hỗ trợ emoji riêng. (đối với mình đó vẫn rất thoải mái và chập nhận được với website WordPress không có gì là vấn đề)

Bạn chỉ cần truy cập vào: https://getemoji.com/ bạn copy emoji bạn muốn rồi paste lại vào bài viết của mình thế nào xong. mình luôn thích cách này hơn là phải cài plugin hỗ trợ soạn thảo văn bản nặng website ra.

Theo mình cách là tốt nhất hơi bất tiện so với dùng plugin nhưng nó rất đáng để nỗ lực.

Tóm tắt:

Hãy loại bỏ emoji của WordPress đi nếu bạn ít sử dụng emoji hay là emoji của trình duyệt Native đã khiến bạn hài lòng.

Trang website WordPress không phải là trang mạng xã hội phải cần tính năng này, nên mình nghĩ là loại bỏ chúng để tăng tốc website.

Bài viết này bạn đọc cũng đang sử dụng emoji Native của trình duyệt.