Website WordPress tải quá chậm? Bạn biết site chậm ảnh hưởng SEO và trải nghiệm người dùng?
Có vài cách tăng tốc site bên cạnh dùng plugin. Cách là tận dụng browser cache, cách khác nén file. Cả hai làm được bằng sửa đổi và tối ưu file .htaccess.
Browser Cache là gì?
Khi ai truy cập website, có file được tải về và lưu ở vị trí tạm.
Loại file bao gồm tất cả tài liệu cấu thành website: HTML, hình ảnh, JavaScript, CSS. Browser cache là vị trí tạm cho file tải về.
Khi cache đầy, nó chiếm quá nhiều dung lượng máy người truy cập. Kết quả: trình duyệt chậm và website tải quá lâu.
May mắn có cách sửa bằng chỉnh sửa file .htaccess.
Những việc nên làm trước
Trước khi chỉnh .htaccess, cân nhắc các phòng ngừa:
- Luôn backup file .htaccess WordPress trước khi thay đổi.
- Vô hiệu hóa plugin WordPress đang dùng.
- Test tốc độ site trước khi sửa .htaccess để có mốc so sánh. Dùng GTmatrix, Pingdom, hoặc Google PageSpeed Insights.
Bây giờ bạn sẵn sàng dùng code qua .htaccess báo cho WordPress cache file tĩnh lâu hơn cho người truy cập quay lại. Dùng cPanel hoặc FTP. Xem hướng dẫn dưới cho từng cách.
Khi đã truy cập .htaccess, dùng hướng dẫn thêm để chỉnh sửa.
Dùng cPanel
Đăng nhập cPanel website. Thường truy cập bằng yourdomain.com/cPanel trên trình duyệt.
Đăng nhập username/password khi cài WordPress trên domain. Khi vào, tìm và nhấp File Manager.
File .htaccess ở thư mục gốc. Dấu chấm trước tên file chỉ là file ẩn trong cài WordPress. Đảm bảo tích ô Show Hidden Files.
Nên copy file trước khi sửa vì sai sót có thể làm sập site. Để copy, nhấp .htaccess highlight. Lưu copy, nhấp nút download menu trên.
Sau khi có bản copy, sẵn sàng sửa file. Trong cPanel File Manager, nhấp chuột phải .htaccess, chọn edit.
Dùng FTP
Cũng sửa .htaccess dùng FTP client. FileZilla phổ biến, dùng làm ví dụ.
Mở FTP client, nhập host. Thường là địa chỉ domain, username, password. Nếu không chắc, liên hệ nhà cung cấp hosting.
Các bước truy cập, copy, sửa .htaccess:
- Điều hướng đến thư mục gốc.
- Tìm file .htaccess, copy, kéo thả ra desktop.
- Giữ bản gốc, sửa bản copy khác phòng khi cần restore.
- Dùng trình soạn thảo như Notepad sửa file.
- Khi xong sửa, upload file lên thư mục gốc.
Nếu sai, website không chạy. Khắc phục: upload file backup.
Bây giờ sẵn sàng thay đổi .htaccess tăng tốc WordPress.
Nén file dùng Gzip
Nén Gzip làm file nhỏ hơn, tải nhanh hơn. Thêm code dưới vào .htaccess (dưới code hiện tại) dùng gzip nén CSS, HTML, PHP.
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
Đừng quên nhấp "Save changes".
Browser Caching
Khi ai truy cập website, trình duyệt tải tất cả file liên quan trang họ truy cập.
Tận dụng browser cache nghĩa là chỉ tải file cần thiết, không tài sản không cần. Thường là thiết kế, style trang và đôi khi hàm JavaScript.
Dùng browser cache, bạn báo server bỏ qua phần trang đã tải trước cho người truy cập quay lại.
Để sửa .htaccess, tìm file và tạo 2 bản copy như khi nén file ở trên dùng FTP hoặc cPanel.
Giữ bản .htaccess gốc phòng sự cố. Sửa bản copy kia.
Thêm code sau dưới nội dung hiện tại .htaccess:
<IfModule mod_expires.c> ExpiresActive On ExpiresDefault A0 <FilesMatch "\.(txt|xml|js)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch "\.(css)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$"> ExpiresDefault A691200 </FilesMatch> </IfModule> <IfModule mod_headers.c> <FilesMatch "\.(txt|xml|js)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch "\.(css)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$"> Header set Cache-Control "max-age=691200" </FilesMatch> </IfModule>
Đừng quên nhấp Save giữ thêm vào file.
Nén file và tận dụng browser cache sẽ giảm đáng kể thời gian tải trang. Giúp site xếp hạng cao hơn tìm kiếm và cải thiện trải nghiệm người dùng. Không ai muốn chờ quá vài giây load trang.