Hướng dẫn wordpress embed script - tập lệnh nhúng wordpress

Hướng dẫn vô hiệu hóa Embed Script [wp-embed.min.js] trong WordPress.

Nếu bạn là người hay để ý đến tốc độ load của blog/ website nói chung và page-size nói riêng thì chắc hẳn bạn đã nhận thấy điều mà tôi đang muốn nói đến trong bài viết này. Kể từ phiên bản WordPress 4.4, các lập trình viên của Automattic đã tích hợp thêm 1 file JavaScript mang tên Embed [wp-embed.min.js], cho phép bạn nhúng bất kỳ một bài viết nào [được viết trên nền tảng WordPress] vào trong bài viết của bạn. Điều này đồng nghĩa với việc blog/ website của bạn đã trở thành một oEmbed, tương tự như Facebook, Twitter, Google+… Chỉ cần paste link vào trình soạn thảo [Visual] là bạn sẽ nhận được kết quả trông giống như hình bên dưới.

Tham khảo thêm:

  • Làm sạch header của WordPress giúp website load nhanh hơn
  • Loại bỏ Emoji để tăng tốc độ load cho website WordPress

Tính năng Embed giúp trải nghiệm với WordPress trở nên thú vị hơn. Tuy nhiên, điều khó chịu là nó được bật mặc định, do đó, kể cả khi bạn không dùng đến thì Embed Script vẫn được load, khiến cho page-size phình to ra… một chút. Script này được load ở footer và các bạn có thể nhìn thấy khi view source của website:

Ngoài ra, nó còn chèn thêm 2 dòng code vào phần header trong HTML của bài viết/ trang nữa:

Trong những trường hợp sau đây, bạn nên vô hiệu hóa Embed Script [wp-embed.min.js] để giải phóng page-size và giảm số lượng truy vấn

  • Bạn không có nhu cầu nhúng [embed] bất cứ bài viết hay trang nào từ blog/ website khác vào blog/ website của bạn.
  • Bạn không muốn cho phép nhúng [embed] bất cứ bài viết hay trang nào trên blog/ website của bạn vào các blog/ website khác.

Làm thế nào để vô hiệu hóa Embed Script?

Theme Paradise đã được tích hợp sẵn tính năng này trong Appearance => Customize => Performance => Remove WP Embed Script? nên các bạn chỉ cần truy cập và chuyển nó sang trạng thái Yes rồi lưu lại là được.

Rất đơn giản, các bạn chỉ cần thêm đoạn code sau đây vào cuối file functions.php của theme hoặc child theme đang sử dụng và lưu lại là xong:

Thêm tiếp đoạn code này vào bên dưới để loại bỏ hoàn toàn tính năng Embed nếu bạn muốn:

Tuy nhiên, trong nhiều trường hợp, code thứ 2 có thể gây lỗi chức năng và giao diện. Do đó, chúng tôi không khuyên dùng. Nếu bạn thêm code thứ 2 vào mà gặp lỗi giao diện thì chỉ cần xóa đi là được. Một số plugin như WP Rocket cũng đã được tích hợp sẵn tính năng giúp loại bỏ Embed Script một cách nhanh chóng [nằm trong tab Media của phần thiết lập plugin].

Cuối cùng, view source blog/ website và xem kết quả. Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :]

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Reader Interactions

embed đã được phát hành với WordPress 4.4 . Về cơ bản, đây là một tính năng giúp quan trị viện giúp tự động chuyển đổi video, Tweet và URL trên YouTube của bạn thành các bản xem trước đẹp mắt khi bạn đang chỉnh sửa, Tính năng này khá là kì diệu và hay.

Tuy nhiên, điều này thực sự tải một tệp JavaScript [ wp-embed.min.js] trên mọi trang của trang web của bạn, cái này hơi phiền giúp người quản trị viên dễ dàng làm việc thì ổn thôi, nhưng load luôn của front-end thì người dùng chả được lợi lộc gì được thêm cái load châm hơn một chút.

Nếu bạn không quan tâm hay chưa từng sử dụng embed, bạn có thể tắt tính năng này trên trang web của mình.

Cái này là tính năng của WordPress bạn chỉ cần copy một đường dẫn url giả sử như một đường dẫn ảnh bạn ấn ctrl + v nó sẽ ra ngay bức ảnh luôn, nhưng thực sự thì đối với cá nhân mình thì rất ít khi sử dụng và nói thật thì chả bao giờ, nhưng nó lại giúp website của mình chậm đi.

Cách tắt embed trong WordPress

còn nhiều người thực sự sử dụng WordPress vẫn không biết wp-embed là gì dùng như thế nào như vậy thì tốt nhất là nên clear xóa nó đi nhé.

Bạn wp-embed không phải là đồng nghĩa với việc bạn không thể nhúng bất kì vẫn thứ gì vào, vẫn nhúng được như bình thường mỗi tội thì khi nhúng thì nó hơi phức tạp hơn một chút mà thôi [thực chất đơn giản lắm]

	add_action['init', 'wptangtoc_disable_embeds', 9999];
	
    function wptangtoc_disable_embeds[] {
        global $wp;
        $wp->public_query_vars = array_diff[$wp->public_query_vars, array['embed',]];
        remove_action[ 'wp_head', 'wp_oembed_add_discovery_links' ];
        remove_action[ 'wp_head', 'wp_oembed_add_host_js' ];
        remove_action[ 'rest_api_init', 'wp_oembed_register_route' ];
        add_filter[ 'tiny_mce_plugins', 'wptanbgtoc_disable_embeds_tiny_mce_plugin' ];
        add_filter[ 'rewrite_rules_array', 'wptangtoc_disable_embeds_rewrites' ];
        add_filter[ 'embed_oembed_discover', '__return_false' ];
        remove_filter[ 'pre_oembed_result', 'wp_filter_pre_oembed_result', 10 ];
        remove_filter[ 'oembed_dataparse', 'wp_filter_oembed_result', 10 ];
    }
    
    function wptanbgtoc_disable_embeds_tiny_mce_plugin[$plugins] {
        return array_diff[$plugins, array['wpembed']];
    }
    
    function wptangtoc_disable_embeds_rewrites[$rules] {
        foreach[$rules as $rule => $rewrite] {
            if[false !== strpos[$rewrite, 'embed=true']] {
                unset[$rules[$rule]];
            }
        }
        return $rules;
    }

bạn chỉ cần đưa đoạn code này vào file functions.php của bạn như vậy là xong.

Chúc các bạn thành công!!

Đây là seria tùy chỉnh cấu trúc lõi WordPress

Bài Viết Liên Quan

Chủ Đề