Tốc độ website là một yếu tố quan trọng ảnh hưởng đến trải nghiệm người dùng và SEO. Nếu bạn đang tìm cách tối ưu tốc độ cho website WordPress mà không cần sử dụng plugin nặng nề, bài viết này sẽ hướng dẫn bạn cách tăng tốc website WordPress bằng cách thêm 5 dòng code đơn giản vào file functions.php
. Hãy cùng MuathemeWP Giá Rẻ tìm hiểu kỹ nhé
1. Giới Thiệu Về Tăng Tốc Độ Website WordPress
Một website tải nhanh không chỉ giúp nâng cao trải nghiệm người dùng mà còn giúp cải thiện thứ hạng SEO trên Google. Việc tối ưu mã nguồn như CSS, JavaScript (JS), và Cache là những cách hiệu quả để tăng tốc website mà không cần cài đặt quá nhiều plugin.
Trong bài viết này, chúng ta sẽ sử dụng những đoạn mã đơn giản để:
- Tối ưu CSS và JS.
- Tăng cường cache cho website.
- Giảm tải cho website, giúp tăng tốc độ tải trang.
2. Cách Tối Ưu CSS, JS và Cache Bằng Code
Để thực hiện tối ưu CSS, JS và cache, bạn chỉ cần chỉnh sửa một số phần trong file functions.php
của theme WordPress đang sử dụng.
Bước 1: Truy Cập File functions.php
- Đăng nhập vào WordPress Dashboard.
- Vào Appearance > Theme File Editor.
- Tìm và mở file
functions.php
trong thư mục của theme hiện tại.
Bước 2: Thêm 5 Dòng Code Tối Ưu
Dưới đây là 5 dòng code bạn cần thêm vào cuối file functions.php
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
// 1. Tắt CSS và JS không cần thiết từ WordPress remove_action('wp_head', 'wp_print_styles'); remove_action('wp_head', 'wp_print_scripts'); // 2. Gộp và nén CSS và JS để giảm kích thước file function optimize_scripts_styles() { if (!is_admin()) { // Nén CSS wp_enqueue_style('main-styles', get_stylesheet_uri(), array(), null, 'all'); // Nén JS wp_enqueue_script('main-scripts', get_template_directory_uri() . '/js/main.js', array(), null, true); } } add_action('wp_enqueue_scripts', 'optimize_scripts_styles'); // 3. Kích hoạt Cache Browser function cache_browser() { header('Cache-Control: max-age=3600'); } add_action('send_headers', 'cache_browser'); |
Giải Thích Các Dòng Code:
Tắt CSS và JS không cần thiết:
Lệnh remove_action(‘wp_head’, ‘wp_print_styles’); và remove_action(‘wp_head’, ‘wp_print_scripts’); giúp tắt các CSS và JS không cần thiết được WordPress tự động tải. Điều này giúp giảm tải và tăng tốc website.
Gộp và Nén CSS và JS:
Hàm wp_enqueue_style và wp_enqueue_script được sử dụng để gộp và nén các file CSS và JS. Việc này giúp giảm số lượng yêu cầu HTTP và kích thước file tải xuống, từ đó làm tăng tốc độ tải trang.
Kích hoạt Cache Browser:
Đoạn code header(‘Cache-Control: max-age=3600’); kích hoạt caching cho trình duyệt, giúp duy trì các tệp tĩnh như hình ảnh, CSS, và JS trên trình duyệt người dùng trong vòng 1 giờ (3600 giây). Điều này làm giảm số lần tải lại các tài nguyên này và cải thiện tốc độ website.
Bước 3: Lưu Lại File functions.php
Sau khi đã thêm các dòng code, đừng quên lưu lại thay đổi trong file functions.php.
3. Kiểm Tra và Đánh Giá Tốc Độ Website
Sau khi thêm các dòng code trên, bạn cần kiểm tra xem tốc độ website có được cải thiện không. Bạn có thể sử dụng các công cụ miễn phí dưới đây để đo tốc độ tải trang:
- Google PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/
- GTmetrix: https://www.gtmetrix.com/
- Pingdom: https://www.pingdom.com/
4. Lý Do Nên Tối Ưu Tốc Độ Website
- Cải thiện trải nghiệm người dùng: Website tải nhanh sẽ giữ người dùng ở lại lâu hơn, giảm tỷ lệ thoát.
- Tăng thứ hạng SEO: Google đánh giá cao các website có tốc độ tải trang nhanh, vì vậy bạn sẽ dễ dàng đạt được thứ hạng cao hơn trên kết quả tìm kiếm.
- Tăng tỷ lệ chuyển đổi: Các nghiên cứu cho thấy rằng website nhanh sẽ giúp tỷ lệ chuyển đổi (mua hàng, đăng ký, v.v.) cao hơn.
5. Kết Luận
Việc tối ưu tốc độ cho website WordPress không phải lúc nào cũng cần phải cài đặt plugin phức tạp. Chỉ với vài dòng code đơn giản, bạn có thể tối ưu hóa CSS, JS và cache, giúp website của bạn tải nhanh hơn và thân thiện hơn với người dùng. Hãy thử ngay và kiểm tra sự khác biệt!
Chú Ý:
Nếu bạn không quen thuộc với việc chỉnh sửa file functions.php
, hãy sao lưu website trước khi thực hiện bất kỳ thay đổi nào.
- Hướng dẫn tạo Slider bằng ACF cho WordPress
- Tuyệt Đối Không Nên Làm Web Ở Những Công Ty Sau
- Website là gì? Lợi ích kinh doanh và các loại website phổ biến tại Việt Nam
- Thủ thuật wordpress – Code thêm nút Edit nhanh cho Admin trên Mobile WordPress
- Hướng Dẫn Tự Động Cập Nhật SKU cho Sản Phẩm WooCommerce với Mã Tùy Chỉnh