cách đây không lâu, một bạn đọc của chúng tôi đã hỏi chúng tôi về cách thức họ mang thể chuyển di JavaScripts xuống dưới cộng trong WordPress để nâng cao điểm tốc độ trang Google của họ. Chúng tôi rất vui vì họ đã hỏi, bởi vì thành thật mà nhắc, chúng tôi muốn viết về điều này. Trước đây, chúng ta đã kể về cách thêm JavaScripts và CSS style đúng cách trong WordPress. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn phương pháp đi lại JavaScripts xuống dưới cộng trong WordPress, để bạn mang thể cải thiện thời kì tải trang web và điểm tốc độ trang Google của mình.
cách thức đi lại JavaScripts xuống dưới cộng hoặc chân trang trong WordPress
lợi ích của việc chuyển JavaScripts xuống dưới cộng
JavaScript là một ngôn ngữ lập trình phía máy khách. Nó được thực thi và chạy bởi trình duyệt y web của các bạn chứ không hề bởi máy chủ web của bạn. Khi bạn đặt JavaScript ở trên cộng, các trình duyệt y sở hữu thể thực thi hoặc xử lý JavaScript trước khi vận chuyển phần còn lại của trang của bạn. Lúc JavaScripts được chuyển xuống dưới cùng, máy chủ web của bạn sẽ nhanh chóng hiển thị trang và sau đấy trình thông qua của khách hàng sẽ thực thi JavaScripts. Vì phần lớn giai đoạn hiển thị phía máy chủ đã được thực hiện, JavaScript sẽ vận chuyển ở chế độ nền khiến giai đoạn vận tải tổng thể tốc độ hơn.
Điều này sẽ cải thiện điểm tốc độ của bạn khi thí điểm với tốc độ trang của Google hoặc Yslow. Google và những phương tiện tìm kiếm khác hiện đang coi tốc độ trang là 1 trong những ma trận hiệu suất khi hiển thị kết quả kiếm tìm. Điều này có tức là các trang web chuyên chở tốc độ hơn sẽ xuất hiện nổi bật hơn trong kết quả kiếm tìm.
bí quyết phù hợp để thêm tập lệnh trong WordPress
WordPress có 1 hệ thống xếp hàng mạnh mẽ cho phép những nhà phát triển chủ đề và plugin thêm các tập lệnh của họ vào hàng đợi và vận tải chúng khi cấp thiết. Việc sắp đặt những tập lệnh và kiểu đúng phương pháp có thể cải thiện đáng kể tốc độ vận tải trang của bạn.
Để cho bạn thấy một tỉ dụ căn bản, chúng tôi sẽ thêm một chút JavaScript vào 1 chủ đề WordPress. Lưu JavaScript của bạn trong tệp .js và đặt tệp .js đó vào thư mục js của chủ đề của bạn. Nếu chủ đề của bạn không với thư mục cho JavaScripts, hãy tạo một thư mục. Sau lúc đặt tệp script của bạn, hãy chỉnh sửa tệp functions.php của chủ đề và thêm mã này:
function wpb_adding_scripts()
wp_register_script('my-amazing-script', get_template_directory_uri() . '/Js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('my-amazing-script');
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Trong đoạn mã này, chúng tôi đã tiêu dùng hàm wp_register_script (). Hàm này có các thông số sau:
Để thêm tập lệnh vào chân trang hoặc cuối trang WordPress, đầy đủ các gì bạn cần làm là đặt thông số $in_footer thành true .
Chúng tôi cũng đã sử dụng một hàm get_template_directory_uri() để trả về URL cho thư mục dòng. Chức năng này nên được dùng để bố trí và đăng ký những tập lệnh và kiểu trong những chủ đề WordPress. Đối với plugin, chúng tôi sẽ sử dụng hàm plugins_url() .
Vấn đề:
Vấn đề là đôi khi những plugin WordPress thêm JavaScript của riêng chúng vào các trang bên trong
hoặc bên trong nội dung trang. Để chuyển những tập lệnh ấy xuống dưới cùng, bạn cần chỉnh sửa tệp plugin của mình và vận động đúng bí quyết những tập lệnh xuống dưới cùng.
mua nguồn JavaScript
Mở trang web của bạn trong trình phê chuẩn web và xem nguồn trang. Bạn sẽ thấy liên kết đến tệp JavaScript cho biết vị trí và nguồn gốc của tệp. Ví dụ: ảnh chụp màn hình bên dưới cho chúng tôi biết rằng tập lệnh của chúng tôi thuộc về 1 plugin mang tên là ‘test-plugin101’. Tập tin script nằm trong thư mục js .
[caption id="attachment_13357" align="alignnone" width="520"]
cách thức chuyển di JavaScripts xuống dưới cộng hoặc chân trang trong WordPress[/caption]
thỉnh thoảng bạn sẽ thấy JavaScript được thêm trực tiếp vào trang và không được liên kết duyệt tệp .js biệt lập. Trong trường hợp đó, bạn cần phải hủy kích hoạt phần lớn những plugin của mình từng chiếc 1. Khiến cho mới trang sau khi hủy kích hoạt từng plugin cho đến lúc bạn mua thấy plugin thêm script vào các trang của mình. Giả dụ JavaScript ko biến mất ngay cả sau lúc tắt hầu hết các plugin, thì hãy thử chuyển sang chủ đề khác để xem JavaScript sở hữu được chủ đề của bạn thêm vào hay ko.
Đăng ký và Enqueue Scripts
khi bạn đã mua thấy plugin hoặc chủ đề đang thêm JavaScript trong phần tiêu đề, bước tiếp theo là Phân tích nơi plugin sở hữu lệnh gọi tệp. Trong một trong các tệp PHP của chủ đề hoặc plugin, bạn sẽ thấy một lệnh gọi đến tệp .js cụ thể đấy.
ví như plugin hoặc chủ đề đã tiêu dùng tính năng xếp hàng để thêm tệp JavaScript, thì đông đảo các gì bạn cần làm là đổi thay hàm wp_register_script trong plugin hoặc chủ đề của bạn và thêm true cho tham số $ in_footer. Như thế này:
wp_register_script('script-handle', plugins_url('js/script.js' , __FILE__ ),'','1.0',true);
giả sử rằng plugin hoặc chủ đề của bạn đang thêm JavaScript thô trong tiêu đề hoặc giữa nội dung. Sắm mã JavaScript thô trong các tệp plugin hoặc chủ đề, sao chép JavaScript và lưu nó trong tệp .js . Sau đó tiêu dùng wp_register_script() như hình trên, để chuyển JavaScript xuống dưới cộng.
Lưu ý của người biên tập: Điều quan trọng cần hiểu là lúc bạn thực hành thay đổi đối sở hữu những tệp cốt lõi và cập nhật plugin, thì những đổi thay của bạn sẽ ko bị ghi đè. Một bí quyết phải chăng hơn để khiến cho điều này là hủy đăng ký tập lệnh và đăng ký lại nó trong khoảng tệp functions.php của chủ đề của bạn. Xem hướng dẫn này .
Ngoài việc chuyển những tập lệnh xuống chân trang, bạn cũng nên cân kể dùng 1 plugin truyền thông phường hội tốc độ hơn và tải hình ảnh lười biếng . Cùng với đó bạn cũng nên dùng W3 Total Cache và MaxCDN để cải thiện tốc độ trang web của mình.
Chúng tôi kỳ vọng rằng bài viết này đã giúp bạn chuyển JavaScripts xuống dưới cộng trong WordPress và cải thiện tốc độ trang của bạn. Mọi thắc mắc và phản hồi vui lòng để lại bình luận bên dưới.
gần đây, một độc giả của chúng tôi đã hỏi chúng tôi về phương pháp họ với thể vận động JavaScripts xuống dưới cùng trong WordPress để nâng cao điểm tốc độ trang Google của họ. Chúng tôi rất vui vì họ đã hỏi, bởi vì thành thật mà nhắc, chúng tôi muốn viết về điều này. Trước đây, chúng ta đã đề cập về cách thêm JavaScripts và CSS style đúng cách thức trong WordPress. Trong bài viết này, chúng tôi sẽ chỉ dẫn bạn cách thức di chuyển JavaScripts xuống dưới cộng trong WordPress, để bạn mang thể cải thiện thời kì chuyên chở trang web và điểm tốc độ trang Google của mình.
ích lợi của việc chuyển JavaScripts xuống dưới cộng
JavaScript là một ngôn ngữ lập trình phía máy khách. Nó được thực thi và chạy bởi trình duyệt y web của người mua chứ không phải bởi máy chủ web của bạn. Khi bạn đặt JavaScript ở trên cộng, những trình phê duyệt có thể thực thi hoặc xử lý JavaScript trước khi tải phần còn lại của trang của bạn. Khi JavaScripts được chuyển xuống dưới cùng, máy chủ web của bạn sẽ chóng vánh hiển thị trang và sau đấy trình chuẩn y của quý khách sẽ thực thi JavaScripts. Vì hồ hết quá trình hiển thị phía máy chủ đã được thực hành, JavaScript sẽ vận chuyển ở chế độ nền khiến giai đoạn chuyển vận khái quát tốc độ hơn.
Điều này sẽ cải thiện điểm tốc độ của bạn khi thể nghiệm mang tốc độ trang của Google hoặc Yslow. Google và những dụng cụ tìm kiếm khác hiện đang coi tốc độ trang là một trong các ma trận hiệu suất khi hiển thị kết quả kiếm tìm. Điều này với tức là các trang web vận tải tốc độ hơn sẽ xuất hiện nổi bật hơn trong kết quả kiếm tìm.
phương pháp thích hợp để thêm tập lệnh trong WordPress
WordPress với 1 hệ thống xếp hàng mạnh mẽ cho phép những nhà vững mạnh chủ đề và plugin thêm những tập lệnh của họ vào hàng đợi và tải chúng lúc thiết yếu. Việc xếp đặt những tập lệnh và kiểu đúng bí quyết mang thể cải thiện đáng đề cập tốc độ vận tải trang của bạn.
Để cho bạn thấy một ví dụ căn bản, chúng tôi sẽ thêm một chút JavaScript vào một chủ đề WordPress. Lưu JavaScript của bạn trong tệp .js và đặt tệp .js đấy vào thư mục js của chủ đề của bạn. Ví như chủ đề của bạn không sở hữu thư mục cho JavaScripts, hãy tạo 1 thư mục. Sau lúc đặt tệp script của bạn, hãy chỉnh sửa tệp functions.php của chủ đề và thêm mã này:
function wpb_adding_scripts()
wp_register_script('my-amazing-script', get_template_directory_uri() . '/Js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('my-amazing-script');
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Trong đoạn mã này, chúng tôi đã dùng hàm wp_register_script (). Hàm này với những tham số sau:
Để thêm tập lệnh vào chân trang hoặc cuối trang WordPress, đa số những gì bạn cần khiến cho là đặt tham số $in_footer thành true .
Chúng tôi cũng đã dùng một hàm get_template_directory_uri() để trả về URL cho thư mục cái. Chức năng này nên được dùng để sắp đặt và đăng ký các tập lệnh và kiểu trong các chủ đề WordPress. Đối có plugin, chúng tôi sẽ sử dụng hàm plugins_url() .
Vấn đề:
Vấn đề là đôi khi những plugin WordPress thêm JavaScript của riêng chúng vào những trang bên trong
hoặc bên trong nội dung trang. Để chuyển các tập lệnh ấy xuống dưới cộng, bạn cần chỉnh sửa tệp plugin của mình và di chuyển đúng cách thức những tập lệnh xuống dưới cùng.
mua nguồn JavaScript
Mở trang web của bạn trong trình ưng chuẩn web và xem nguồn trang. Bạn sẽ thấy kết liên tới tệp JavaScript cho biết vị trí và nguồn gốc của tệp. Ví dụ: ảnh chụp màn hình bên dưới cho chúng tôi biết rằng tập lệnh của chúng tôi thuộc về 1 plugin mang tên là ‘test-plugin101’. Tập tin script nằm trong thư mục js .
thỉnh thoảng bạn sẽ thấy JavaScript được thêm trực tiếp vào trang và không được liên kết thông qua tệp .js riêng biệt. Trong trường hợp đó, bạn cần phải hủy kích hoạt tất cả những plugin của mình từng dòng 1. Làm mới trang sau lúc hủy kích hoạt từng plugin cho tới khi bạn sắm thấy plugin thêm script vào các trang của mình. Ví như JavaScript không biến mất ngay cả sau khi tắt tất cả các plugin, thì hãy thử chuyển sang chủ đề khác để xem JavaScript mang được chủ đề của bạn thêm vào hay ko.
Đăng ký và Enqueue Scripts
lúc bạn đã sắm thấy plugin hoặc chủ đề đang thêm JavaScript trong phần tiêu đề, bước tiếp theo là Tìm hiểu nơi plugin có lệnh gọi tệp. Trong một trong các tệp PHP của chủ đề hoặc plugin, bạn sẽ thấy một lệnh gọi đến tệp .js cụ thể đó.
nếu plugin hoặc chủ đề đã sử dụng tính năng xếp hàng để thêm tệp JavaScript, thì phần lớn các gì bạn cần khiến cho là đổi thay hàm wp_register_script trong plugin hoặc chủ đề của bạn và thêm true cho tham số $ in_footer. Như thế này:
wp_register_script('script-handle', plugins_url('js/script.js' , __FILE__ ),'','1.0',true);
giả thử rằng plugin hoặc chủ đề của bạn đang thêm JavaScript thô trong tiêu đề hoặc giữa nội dung. Mua mã JavaScript thô trong những tệp plugin hoặc chủ đề, sao chép JavaScript và lưu nó trong tệp .js . Sau đấy dùng wp_register_script() như hình trên, để chuyển JavaScript xuống dưới cùng.
Lưu ý của người biên tập: Điều quan trọng cần hiểu là lúc bạn thực hành thay đổi đối với những tệp cốt lõi và cập nhật plugin, thì những đổi thay của bạn sẽ không bị ghi đè. Một bí quyết thấp hơn để khiến điều này là hủy đăng ký tập lệnh và đăng ký lại nó từ tệp functions.php của chủ đề của bạn. Xem hướng dẫn này .
Ngoài việc chuyển các tập lệnh xuống chân trang, bạn cũng nên cân kể dùng một plugin truyền thông phố hội nhanh hơn và tải hình ảnh lười biếng . Cùng sở hữu đó bạn cũng nên sử dụng W3 Total Cache và MaxCDN để cải thiện tốc độ trang web của mình.
Chúng tôi kỳ vọng rằng bài viết này đã giúp bạn chuyển JavaScripts xuống dưới cộng trong WordPress và cải thiện tốc độ trang của bạn. Mọi nghi vấn và phản hồi vui lòng để lại bình luận bên dưới.
Theo : Thủ thuật Blog - Thủ thuật Flatsome
0 on: "Cách vận động JavaScripts xuống dưới cộng hoặc chân trang trong WordPress"