vừa mới đây, một độc giả của chúng tôi đã hỏi chúng tôi về phương pháp họ sở hữu thể đi lại 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 đã nói về phương pháp thêm JavaScripts và CSS style đúng phương pháp trong WordPress. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách di chuyển JavaScripts xuống dưới cộng trong WordPress, để bạn với thể cải thiện thời kì vận chuyển trang web và điểm tốc độ trang Google của mình.
bí quyết chuyển di JavaScripts xuống dưới cộng hoặc chân trang trong WordPress
ích lợi của việc chuyển JavaScripts xuống dưới cộng
JavaScript là một tiếng nói lập trình phía máy khách. Nó được thực thi và chạy bởi trình phê chuẩn web của quý khách chứ không hề bởi máy chủ web của bạn. Lúc bạn đặt JavaScript ở trên cùng, các trình ưng chuẩn với thể thực thi hoặc xử lý JavaScript trước lúc 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ẽ mau chóng hiển thị trang và sau ấy trình duyệt của các bạn sẽ thực thi JavaScripts. Vì hầu hết quá trình hiển thị phía máy chủ đã được thực hành, JavaScript sẽ tải ở chế độ nền khiến cho giai đoạn vận tải nói chung 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 dụng cụ 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 lúc hiển thị kết quả kiếm tìm. Điều này mang tức thị những trang web chuyên chở tốc độ hơn sẽ xuất hiện vượt trội hơn trong kết quả tìm kiếm.
cách thích hợp để thêm tập lệnh trong WordPress
WordPress với một hệ thống xếp hàng mạnh mẽ cho phép những nhà tăng trưởng 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 cần thiết. Việc sắp xếp các tập lệnh và kiểu đúng cách mang thể cải thiện đáng kể tốc độ tải trang của bạn.
Để cho bạn thấy một thí dụ cơ 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 đã sử 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, phần lớn các gì bạn cần khiến cho 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 loại. Chức năng này nên được dùng để sắp đặt và đăng ký những tập lệnh và kiểu trong các chủ đề WordPress. Đối có plugin, chúng tôi sẽ dùng hàm plugins_url() .
Vấn đề:
Vấn đề là đôi khi các 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 các tập lệnh đó 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 duyệt y web và xem nguồn trang. Bạn sẽ thấy kết liên đế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ề một plugin sở hữu 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 đi lại 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 ưng chuẩn tệp .js biệt lập. Trong trường hợp ấy, bạn cần phải hủy kích hoạt phần lớn các plugin của mình từng dòng một. Khiến mới trang sau khi hủy kích hoạt từng plugin cho đến khi bạn sắm thấy plugin thêm script vào những trang của mình. Nếu JavaScript ko biến mất ngay cả sau lúc tắt tất cả những plugin, thì hãy thử chuyển sang chủ đề khác để xem JavaScript có được chủ đề của bạn thêm vào hay không.
Đăng ký và Enqueue Scripts
lúc bạn đã tậu thấy plugin hoặc chủ đề đang thêm JavaScript trong phần tiêu đề, bước tiếp theo là Nhận định nơi plugin có lệnh gọi tệp. Trong 1 trong các tệp PHP của chủ đề hoặc plugin, bạn sẽ thấy một lệnh gọi tới tệp .js cụ thể đó.
ví như plugin hoặc chủ đề đã 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 làm là đổi thay hàm wp_register_script trong plugin hoặc chủ đề của bạn và thêm true cho thông 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 các tệp plugin hoặc chủ đề, sao chép JavaScript và lưu nó trong tệp .js . Sau ấy sử 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à khi bạn thực hiện đổi thay đối với các tệp cốt lõi và cập nhật plugin, thì những thay đổi của bạn sẽ ko bị ghi đè. 1 Bí quyết phải chăng hơn để làm đ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 đề cập dùng một plugin truyền thông phường hội nhanh hơn và vận chuyển hình ảnh lười biếng . Cộng sở hữu đấy 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.
cách đây không lâu, 1 độc giả của chúng tôi đã hỏi chúng tôi về cách thức họ với thể chuyển di JavaScripts xuống dưới cộng trong WordPress để tăng đ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à nói, chúng tôi muốn viết về điều này. Trước đây, chúng ta đã nhắc về cách thêm JavaScripts và CSS style đúng bí quyết trong WordPress. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thức chuyển động JavaScripts xuống dưới cùng trong WordPress, để bạn mang thể cải thiện thời gian tải trang web và điểm tốc độ trang Google của mình.
lợi ích của việc chuyển JavaScripts xuống dưới cùng
JavaScript là 1 tiếng nói lập trình phía máy khách. Nó được thực thi và chạy bởi trình phê chuẩn web của các bạn chứ chẳng hề bởi máy chủ web của bạn. Khi bạn đặt JavaScript ở trên cùng, những trình chuẩn y mang thể thực thi hoặc xử lý JavaScript trước lúc chuyển vậ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ẽ chóng vánh hiển thị trang và sau ấy trình phê chuẩn của quý khách sẽ thực thi JavaScripts. Vì rất nhiều thời kỳ hiển thị phía máy chủ đã được thực hành, JavaScript sẽ vận tải ở chế độ nền làm quá trình chuyển vận đạ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 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à một 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 mang tức thị những trang web vận chuyển tốc độ hơn sẽ xuất hiện vượt trội 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 với 1 hệ thống xếp hàng mạnh mẽ cho phép những nhà tăng trưởng chủ đề và plugin thêm các tập lệnh của họ vào hàng đợi và chuyển vận chúng lúc cấp thiết. Việc sắp đặt các tập lệnh và kiểu đúng cách có thể cải thiện đáng kể tốc độ chuyển vận trang của bạn.
Để cho bạn thấy 1 tỉ dụ cơ bản, chúng tôi sẽ thêm một tí JavaScript vào một 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 như chủ đề của bạn ko mang thư mục cho JavaScripts, hãy tạo 1 thư mục. Sau khi đặ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 mang những thông số sau:
Để thêm tập lệnh vào chân trang hoặc cuối trang WordPress, phần lớn các gì bạn cần làm cho là đặt tham 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 chiếc. Chức năng này nên được tiêu dùng để xếp đặt và đăng ký những tập lệnh và kiểu trong những chủ đề WordPress. Đối có plugin, chúng tôi sẽ tiêu dùng hàm plugins_url() .
Vấn đề:
Vấn đề là thỉnh thoảng 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 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à chuyển động đúng bí quyết các tập lệnh xuống dưới cùng.
tìm nguồn JavaScript
Mở trang web của bạn trong trình duyệt 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à duyên 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ề một plugin có 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 duyệt y tệp .js biệt lập. Trong trường hợp đấy, bạn cần phải hủy kích hoạt phần nhiều những plugin của mình từng chiếc một. Khiến mới trang sau khi hủy kích hoạt từng plugin cho đến khi bạn sắm thấy plugin thêm script vào những trang của mình. Giả dụ JavaScript không biến mất ngay cả sau khi tắt đông đảo những 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 không.
Đăng ký và Enqueue Scripts
lúc bạn đã tìm thấy plugin hoặc chủ đề đang thêm JavaScript trong phần tiêu đề, bước tiếp theo là Nhận định nơi plugin có lệnh gọi tệp. Trong 1 trong các tệp PHP của chủ đề hoặc plugin, bạn sẽ thấy 1 lệnh gọi đến tệp .js cụ thể ấy.
nếu plugin hoặc chủ đề đã tiêu dùng tính năng xếp hàng để thêm tệp JavaScript, thì tất cả những gì bạn cần khiến là đổi thay hàm wp_register_script trong plugin hoặc chủ đề của bạn và thêm true cho thông số $ in_footer. Như thế này:
wp_register_script('script-handle', plugins_url('js/script.js' , __FILE__ ),'','1.0',true);
giả tỉ 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 các tệp plugin hoặc chủ đề, sao chép JavaScript và lưu nó trong tệp .js . Sau ấy sử 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à khi bạn thực hành đổi thay đối mang các tệp mấu chốt và cập nhật plugin, thì những thay đổi của bạn sẽ ko bị ghi đè. 1 Cách thấp hơn để làm đ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 chỉ 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 đề cập dùng một plugin truyền thông phường hội tốc độ hơn và chuyển vận hình ảnh lười biếng . Cùng với ấy 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 thắc mắc 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