Nguyên nhân và giải pháp giúp bạn load trang nhanh hơn website

1 - Thực trang hiện nay

• Đối với các website thuộc dạng cao cấp tốc độ load trang rất quan trọng. Người dùng chỉ cảm thấy hứng thú với những website có tốc độ load nhanh, còn khi một trang web đáp ứng chậm, khách sẽ mất kiên nhẫn và khả năng họ quay lại sẽ là rất thấp.
• Như vậy, những người tìm kiếm thông tin thường rất sốt ruột khi phải đợi những trang web được tải xuống. Nếu như trang Web của bạn load không đủ nhanh, nhiều người dùng sẽ ra đi mà không thèm xem trong website có thứ gì.
• Cải thiện tốc độ tải trang không chỉ quan trọng đối với người dùng mà còn quan trọng với công cụ tìm kiếm. Tháng 4 năm ngoái Google đã công bố tốc độ tải trang là một trong những yếu tố xếp hạng trong thuật toán của họ.

• Có một số cách giúp bạn có thể làm tăng tốc độ website của bạn. Trước tiên, bạn cần phải chắc chắn rằng website của bạn sẽ được lưu giữ bởi những máy chủ nhanh và đáng tin cậy. Ngoài việc lưu giữ website của bạn trên một máy chủ nhanh, bạn có thể làm những việc sau đây để cải thiện thời gian tải của những trang Web của bạn.

2 - Các nguyên nhân chính khiến tốc độ load trang chậm

•  Cài đặt Plugin, Js,… từ bên thứ 3: Có rất nhiều Plugin gồm cả miễn phí, cả trả phí rất hấp dẫn với bạn. Bạn cài đặt chúng vào và không biết chúng ảnh hưởng như thế nào đến tốc độ tải trang? Cài đặt quá nhiều ứng dụng bên thứ 3 thiếu kiểm soát chính là một trong những nguyên nhân hàng đầu tăng gánh nặng cho Website bạn.

•  Chưa tối ưu HTML, CSS, js..: Dư thừa mã css và js, viết mã tạo nhiều file css và js. Css dùng nhiều hình ảnh làm hình nền. Mã nguồn cồng kềnh, bừa bộn, là một nguyên nhân không nhỏ tăng dung lượng Website của bạn lên và từ đó sẽ khiến thời gian tải về tăng lên đáng kể.
•  Không gzip source code trong khi truyền tải dữ liệu đến người xem qua đường truyền internet.
•  Người coder không xóa các ghi chú trong quá trình phát triển website.
•  Hình ảnh chất lượng cao và nặng: Do kích thước hình ảnh quá lớn so với kích thước người dùng xem. Làm tăng thời gian tải trang web. Chúng tôi biết là trông chúng sẽ rất đẹp, hình ảnh sắc nét, nhưng nếu bạn cứ Update thẳng những tấm hình 4, 5MB hoặc hơn lên Web, bao giờ người dùng mới tải xong chúng đây?.

•  Dịch vụ hosting kém chất lượng: Khách hàng lớn nhưng cấu hình server thấp, bảo mật kém, khoản cách địa lý...
•  Người quản trị copy từ các nguồn như: tin tức báo trí, các diễn đàn... không xử lý lại thông tin làm tạo các mã mà hệ thống không hỗ trợ.
•  Lượng khác hàng truy cấp website lớn nhưng dịch vụ hosting chưa nâng cấp xứng tầm.
•  Sử dụng dịch vụ web (webservice) từ nhà cung cấp thứ ba hay bạn đặt quá nhiều quảng cáo.
•  Các Hacker add đoạn mã ăn cắp thông tin của người dùng hay thực hiện các lệnh nhằm phá hỏng hệ thống.
•  Sử dụng nhiều file flash ảnh hưởng đến quá trình xử lý của trình duyệt web.

Và theo thống kê sơ bộ việc ảnh hưởng đến tốc độ website thì với hơn 50% là xuất phát từ công ty thiết kế web vì họ không tối ưu website trước khi bàn giao. Trong đó có 20% từ bên cung cấp hosting họ không tối ưu hóa chất lượng và dịch vụ hotting. Còn lại 30% chính từ người quản trị website không am hiểu hệ thống.

3 - Những phương pháp thường được sử dụng để tối ưu và tăng tốc độ tải trang web

• Sử dung các hình ảnh trên website ở các domain khác nhau. Các dịch vụ như Amazon S3 làm chuyện này rất dễ dàng. Tạo 1 tài khoảng S3. Trỏ subdomain như “abc.yoursite.com” về S3 lưu trữ. Đặt các hình ảnh của website của ở đây. Các trình duyệt web có thể load từ nhiều domain cùng một lúc, tạo cảm giác rằng website của bạn load nhanh hơn. 
• Sử dụng Flickr để chứa các hình ảnh website của bạn.
• Nén các hình ảnh theo đúng loại file nén. Sử dụng loại nén “lossy” – JPEG cho các hình ảnh nhiều màu sắc. Sử dụng loại hình ảnh nén “lossless – PNG và GIF – cho các hình ảnh ít màu sắc.
• Resize hình ảnh trước khi bạn upload chúng. Đừng thay đổi kích thước hình ảnh theo chiều rộng và cao. Mà hãy thay đổi kích thước hình ảnh bằng Photoshop, Fireworks hoặc các chương trình xử lí ảnh chuyên nghiệp.

• Đưa các nội dung cấu hình CSS vào các file .css riêng biệt, không nên nhúng thẳng vào từng trang.
• Chia rõ các cấu hình CSS ra. Tạo 1 stylesheet chứa duy nhất cấu hình sử dụng chung cho tất cả các trang. Sau đó, tạo các style riêng biệt cho từng layout của từng trang một như: trang chủ, trang sản phẩm, trang tin tức,…Chỉ load những gì cần thiết trên mỗi trang.
• Học cách sử dụng CSS. Nếu bạn có thể sử dụng thẻ

  thay vì sử dụng  space < >, bạn sẽ tiết kiệm được rất nhiều không gian.

• Gom các đoạn mã javascript vào các file .js. Không nên nhúng thẳng vào mỗi trang. Nếu bạn nhúng 1 đoạn JS vào thì cứ mỗi lượt vào trang web, kể cả Googlebot, đều phải download code đó mỗi lần tại mỗi trang. Nếu bạn tách JS riêng ra một file .js thì Google sẽ bỏ qua nó và các browser sẽ lưu cache nó lại được.
• Nếu tách riêng các file javascript ra,cũng giống như bạn tách riêng các file CSS vậy.
• Hoãn lại việc load các js khi có thể. Bạn có thể search Google với từ khóa “deferred javascript” để biết thêm chi tiết. Về cơ bản, kỹ thuật này sẽ cho các web browser biết nó sẽ load các javascript có thuộc tính “defer” cuối cùng, sau khi đã load hết các thành phần các của trang web. Điều này sẽ làm giảm nguy cơ bị chậm, bị lỗi hoặc bị đứng đang web khi các file javascript bị lỗi.
• Bỏ các file Flash. Có rất nhiều cách để hiển thị các thành phần động trên một trang. Nếu bắt buộc sử dụng Flash, bạn nên sử chỉ sử dụng ở 1 phần nhỏ trên trang web.
• Sử dụng chuẩn nén GZIP trên web server của bạn.
• Tối giản các đoạn code từ HTML, javascript cho đến CSS. Lưu lại một bản chưa được tối ưu của tất cả mọi thứ để chỉnh sửa lại sau này.
• Tối thiểu hóa việc redirect. Không sử dụng 301 redirect trừ khi bạn bắt buộc phải dùng.
• Sửa lại các vấn đề phù hợp với tiêu chuẩn chung. Sửa lại không có nghĩa là sử dụng “rel=canonica”, mà nó có nghĩa là phải đảm bảo rằng trên mỗi trang website của bạn phải có một địa chỉ đơn. Điều này sẽ làm tăng hiệu suất bộ nhớ đệm, giảm 
• sử dụng bộ nhớ và tăng tốc mọi thứ lên.
• Đầu tư vào hosting uy tín và có chất lượng tốt, . Nếu quy mô website lớn, lượng truy cập nhiều thì nên cân nhắc đầu tư một dedicated server để có thể tối đa được tốc độ website.

• Thiết lập caching trên server. 
• Go static. Nếu bạn đang xây dựng trang web với ngôn ngữ PHP, ASP hoặc ngôn ngữ nào khác thì các sự thay đổi thường xảy tra trên tất cả các trang đó. Một vài trang như “Giới thiệu”, “Liên hệ” việc thay đổi ít xảy ra nên bạn có thể để những trang đó là static (.html hoặc .htm). 
• Nếu bạn đang làm việc với ngôn ngữ .NET, nghiên cứu để nén biến VIEWSTATE.
• Cấu hình đúng phần quản lý bộ nhớ của server (server’s memory management). Bạn tìm hiểu chi tiết thêm phần này ở Google nhé.
• Đặt database ở một server khác. Nếu như website của bạn có lượng truy cập lớn, với nhiều traffic, khi đó bạn nên để website ở một server riêng và database ở một server riêng khác. Các database transaction sẽ tiêu tốn vô cùng lớn hiệu năng server.

• Sử dụng JOIN để truy vấn SQL lấy dữ liệu ở nhiều bảng khác nhau trong database. Nếu sử dụng JOIN sẽ nhanh hơn nếu dùng đúng cách.
• Học cách sử dụng Stored Procedures. Stored Procedures sẽ được database server  biên dịch và chạy nhanh hơn so với các script SQL thuần.
• Hạn chế sử dụng SSL trừ khi bạn bắt buộc phải dùng nó (cách này còn gây khá nhiều tranh cãi, nên tạm thời không bàn chi tiết ở đây)
• Nếu như bạn sử dụng Apache Server, nên load những module cần thiết. Hầu hết người dùng đều để thiết lập mặc định, và như vậy sẽ bao gồm những module không cần thiết. Học cách sử dụng AllowOverride, khi bạn thực sự cần DNS lookup, và các tip khác như FastCGI.
• Nếu như bạn đang sử dụng Information Server (IIS), hãy học cách sử dụng performance logging. Bạn có thể bắt đầu với trang Technet . Nhớ kiểm tra phiên bản IIS mà bạn đang sử dụng.
• Học cách sử dụng một server accelerator như Squid, hoặc sử dụng Apache hoặc nginx như là một caching proxy. Các caching proxy và accelerator được thiết kế để lưu giữ các trang web động và phân phối chúng ra public một cách nhanh hơn.

Lưu ý: Tùy theo từng trường hợp mà chúng tôi đưa ra các giải pháp khác nhau. Hãy đảm bảo tốc độ load trang chậm nhất dưới 3s.Ngoài ra còn có nhiều cách khách cho bạn tối ưu trang của mình, và một website không bao giờ là "đủ nhanh" cả (thường các chuyên gia SEO khuyên nên tối ưu load trang dưới 3 giây).

4 - Kết luận

Điều quan trọng là bạn phải liên tục cải tiến, làm cho tốc độ load web càng ngày càng nhanh. Nếu tốc độ load nhanh thì lượng khách hàng truy cập vào trang tăng cao. Nếu còn gì thắc mắc hãy liên hệ với chúng tôi để được tư vấn .