Tips Mã nén .htacess giúp tăng tốc website và tăng điểm PageSpeed Insights

Bí kíp tăng tốc load website lên 75-90 điểm, tốc độ load web 0.5s :

+ Nén dung lượng ảnh tuyệt đối
+ Tắt hiệu ứng thừa, thay thế slide ảnh nhẹ
+ Nén css, chặn java hệ thống làm nặng web
+ Tăng siêu cache cho web, nén Gzip
+ Giảm tải link out ngoài hệ thống
+ Chèn thêm mã nén cache giảm tải java vào .htacess

Test tốc độ : http://vincity.thaibinhweb.net



Mã nén chèn vào .htacess


# BEGIN Expire headers
# END Expire headers
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 12592000 seconds"
ExpiresByType image/jpeg "access plus 12592000 seconds"
ExpiresByType image/png "access plus 12592000 seconds"
ExpiresByType image/gif "access plus 12592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 12592000 seconds"
ExpiresByType text/css "access plus 1604800 seconds"
ExpiresByType text/javascript "access plus 1216000 seconds"
ExpiresByType application/javascript "access plus 1216000 seconds"
ExpiresByType application/x-javascript "access plus 1216000 seconds"
ExpiresByType text/html "access plus 111600 seconds"
ExpiresByType application/xhtml+xml "access plus 111600 seconds"
</ifModule>
# END Expire headers
# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</ifModule>
# END Cache-Control Headers

########## Begin - ETag Optimization
## This rule will create an ETag for files based only on the modification
## timestamp and their size.
## Note: It may cause problems on your server and you may need to remove it
FileETag MTime Size
# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
# Enable expiration control
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"

# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/vnd.wap.wbxml "now plus 1 month"

ExpiresByType application/smil "now plus 1 month"
# Audio files expiration: 1 month after request
ExpiresByType audio/basic "now plus 1 month"
ExpiresByType audio/mid "now plus 1 month"
ExpiresByType audio/midi "now plus 1 month"
ExpiresByType audio/mpeg "now plus 1 month"
ExpiresByType audio/x-aiff "now plus 1 month"
ExpiresByType audio/x-mpegurl "now plus 1 month"
ExpiresByType audio/x-pn-realaudio "now plus 1 month"
ExpiresByType audio/x-wav "now plus 1 month"

# Movie files expiration: 1 month after request
ExpiresByType application/x-shockwave-flash "now plus 1 month"
ExpiresByType x-world/x-vrml "now plus 1 month"
ExpiresByType video/x-msvideo "now plus 1 month"
ExpiresByType video/mpeg "now plus 1 month"
ExpiresByType video/mp4 "now plus 1 month"
ExpiresByType video/quicktime "now plus 1 month"
ExpiresByType video/x-la-asf "now plus 1 month"
ExpiresByType video/x-ms-asf "now plus 1 month"

cài xong rùi test tốc độ nhé

thanks bạn nhé, đúng là có tăng lên 1 tý

Code này có sử dụng được cho mã nguồn Wordpress không bác

anh ơi, em dùng wordpress, dùng gói hosting thấp nhất, thì có có mã này để bật gzip được không? web em chỉ còn thiếu mỗi bước bật gzip

mình đã thử và tăng được vài điểm, cảm ơn bạn nhiều

Thêm 1 vài góp ý nữa cho website chuẩn SEO cơ bản nhất :

Tiêu chí chuẩn seo Google cơ bản nhất - chưa tính đến rải link seo :
+ Website load nhanh nhất có thể - dưới 1 giây load - có gắng google speed tăng trên 75 điểm vàng - 85,90 xanh lè càng tốt
+ Giao diện điện thoại thân thiện nhất - 99 điểm thân thiện
+ Thẻ Seo, Title, metan, thẻ H1 tối ưu code tốt : cố gắng đủ tiêu chí h1,h2,h3,h4,h5,h6
+ Http://goo.gl/z562gv - giao diện phải đẹp - chắc chắn rùi CHẢ AI THÍCH XẤU CẢ
+ Nội dung content các thẻ đầy đủ hợp lý - chắc chắn rùi - content là VUA
+ Liên kết mạng xã hội, bản đồ, ô chat - đầy đủ khách mua hàng càng yên tâm
+ Còn nhiều yếu tố khác update.....

mẫu web của bên thái bình web đẹp nhỉ, load nhanh thế

Bác nói thế làm em yên tâm để thử hơn, cứ lo không chất lượng nên ngại vào thử.

Phần Test tốc độ web sao ko thấy nhỉ, thấy nhảy một trang sản phẩm, chẳng có test được gì hết.

trang mình khó cải thiện lắm vì mình không được quản trị hosting nên không vào xem được

Bạn test bằng 2 công cụ
https://developers.google.com/speed/pagespeed/insights/?hl=vi
https://testmysite.thinkwithgoogle.com/

Đây nè kết quả như này là đạt khá nhé :

cảm ơn bác nhé...web load cực nhanh, tối ưu chuẩn seo thui...bác có nhu cầu bảo e tư vấn cho nhé

ngon quá, e mới làm cho web http://tainghe365.com/ từ 41 lên được 70 điểm lận, giờ web chạy cứ phà phà ý thích quá

Còn tùy vào code và nhiều yếu tố khác nữa, bạn lên được từ 40 lên 70 là quá ngon rồi

Cài xong lên được khoảng 85%. Còn lại là tối ưu mấy đống khác, cũng vui vãi

hay mà...nó nén web cục bộ luôn...java nó cũng nén

website nào cũng có sẵn file .htacess...dán vô thui bác

cảm ơn bác nhé, đúng là tăng thêm được mấy điểm

Cảm ơn bạn, mình sẽ bổ sung vào Htacess thử, chia sẽ rất tuyệt.