Nén file dữ liệu tăng tốc độ tải website Thiết lập nén giống như kiểu cho website của bạn vào một file zip. Nén website có thể giúp bạn giảm dung lượng và từ đó tăng tốc độ. Việc nén này có thể làm giảm 50% tới 70% HTML và CSS. Đó là cả một vấn đề lớn đối với người dùng. Nén file được thiết lập trên server, cách bạn sử dụng nó tùy thuộc vào server và thiết lập của bạn. Dưới đây là các nguồn phổ biên với tất cả các webserver, nếu bạn cần hỗ trợ hãy gọi cho nhà cung cấp host của mình. Apache Caching IIS Caching Nginx Caching Tối ưu hóa CSS CSS được load trước khi người dùng thấy được website. Càng mất thời gian load CSS thì càng phải đợi lâu. Tối ưu hóa CSS sẽ giúp website load nhanh hơn, giúp người dùng vào trang web nhanh chóng hơn. Hãy bắt đầu với việc hỏi chính bạn rằng “Mình có dùng tới tất cả CSS?” Nếu không, hãy xóa bớt những đoạn code thừa. Mốt chút thừa thải sẽ tích tụ lại cho tới khi website load chậm tới nỗi nó có thể đuổi khách của bạn đi. Tiếp theo, bạn cần tối ưu CSS của mình. Mỗi khoản trắng trong CSS đề làm tăng dung lượng file lên. Bạn cần xóa các khoảng trắng khỏi CSS để đảm bảo kích thước của nó nhỏ nhất có thể. Vậy bạn cần giảm dung lượng nhỏ nhất có thể ra sao? Nếu CMS của bạn không có tính năng tự giảm dung lượng CSS thì bạn có thể sử dụng công cụ online như csscompressor[dot]com để giảm tối đa dung lượng file. Chỉ cần paste CSS vào nhấm “Compress” để nen file. Tối ưu hóa dung lượng CSS cho bạn giảm đáng kể kích thước của nó, website sẽ nhanh hơn được chút nữa. Để Scripts bên dưới nếp gấp File JavaScript có thể được load sau khi website đã tải xong, thế nhưng nếu bạn đặt tất cả nó ở trước content – như rất nhiều trang đang làm – thì nó sẽ load trước content của bạn. Việc này đồng nghĩa với chuyện khách hàng của bạn cần phải đợi để Javascript load xong trước khi họ thấy trang web, nghĩa là phải đợi khá lâu. Các giải quyết đơn giản nhất là để Javascript vào cuối trang, trước thẻ đóng body. Vậy là nó sẽ không thể load trước thành phần nào khác của web. Một các khác là dùng thuộc tính defer hoặc async trong file .JS. Cả 2 thuộc này đều rất có ích cho website, nhưng hãy chắc rằng bạn hiểu đúng ý nghĩa của 2 thuộc tính: Thẻ async load scripts cùng lúc với trang web, nhưng nó sẽ load theo thứ tự, file nhẹ trước file nặng sau. Điều này có thể tốt lúc đầu như nó sẽ làm thảm họa với 1 số file. Thẻ defer bắt scripts load sau khi content đã được load xong, hãy đảm bảo scripts của bạn load chậm nhất có thể mà không làm ảnh hưởng tới cấu trúc website. Việc bạn làm chỉ đơn giản là thêm vài từ vào thẻ <script> như thế này. Ví dụ bạn có thẻ script như sau: Mã: <script type=”text/javascript” src=”/path/filename.js”></script> Và chèn thêm vào thẻ thuộc tính bạn muốn Mã: <script type=”text/javascript” src=”/path/filename.js” defer></script> Mã: <script type=”text/javascript” src=”/path/filename.js” async></script> Mức độ quan trọng của script phụ thuộc vào thuộc tính mà bạn thêm vào trong code. Những đoạn script quan trọng nên có thẻ async để load cùng lúc và không làm hỏng content trên web. Những thứ không quan trọng nên để load cuối để giúp cho người dùng load trang web được nhanh chóng hơn. Các bạn tham khảo web site của mình, từ khi tối ưu hết mức thì từ khóa như mỹ phẩm đẹp, mascara không màu, mascara rẻ nhất,son dưỡng môi , lên 1 cách ổn định, giữ tóp bền vững.
Mã: <script type=”text/javascript” src=”/path/filename.js”></script> Và chèn thêm vào thẻ thuộc tính bạn muốn Mã: <script type=”text/javascript” src=”/path/filename.js” defer></script> Mã: <script type=”text/javascript” src=”/path/filename.js” async></script> Mình để ý thấy Anh Em làm SEO hay bị lỗi này, thường bê nguyên đoạn code google anlantic với cái facepage bỏ vào source code. Mạng bình thường thì không sao chứ, đứt cáp thì load thôi rồi.
chuẩn rồi, hiện nay nhiều website do lỗi thời mà dùng nhiều đoạn mã để nén lại nhưng thực chất chỉ tạo thêm rác bên trong site mà thôi
mất, tiền là chủ yếu. chứ đôi khi mình cũng chẵng làm được, nhưng phải chọn đối tác thích hợp chứ không tiền mất tật mang
không chỉ mỗi JS, css liên quan đến tốc độ tải trang, nơi đặt server cũng ảnh hưởng không kém, những frame không quan trọng thì không nên đưa vào site như GG map chẳng hạn, trước đặt 1 lần mà chạy ì ạch + thêm server nước ngoài nữa thì nó quay như chong chóng
Đúng là tốc độ tải trang vẫn luôn rất quan trọng, sẽ chẳng mấy ai chịu đợi một trang web load lâu cả.
web mình tốt độ cũng không cao lắm chỉ đạt 50/50 không biết cách cải thiện web mình không chuyên có phone cho bên thiết kế web rồi cũng chưa có cách gì cải thiện 80/100 là tốt nhất phải không bạn.
Tốc độ tải trang cũng góp phần quan trọng vào việc thu hút khách, tốc độ tải chậm người ta truy cập vào thấy lâu sẽ thoát ra ngay, tốc độ ổn định và nhanh khách sẽ quay lại trang của mình nhiều lần
Tối ưu tốc độ tải trang dĩ nhiên lúc nào cũng cần thiết. Chắc chắn ai cũng muốn vào website thật nhanh để không mất thời gian.
hiện nay nhiều website do lỗi thời mà dùng nhiều đoạn mã để nén lại nhưng thực chất chỉ tạo thêm rác bên trong site mà thôi
Trong laravel 5 thì có Minify, laravel cho cấu hình chỉ nén file khi lên production không gây khó khăn khi lập trình. Trong Nodejs có nhiều package rất dễ sử dụng, tiêu biểu như node-minify. Cảm ơn tác giả, bài viết hữu ích.
Mọi người có thể chia sẻ cho em bí quyết làm thế nào để tăng tần suất bọ tìm kiếm trên Google được k a ?
