Công ty thiết kế website ADC Việt Nam đối tác chính của Microsoft tại Việt Nam

Lượt xem: 1090 - 4/26/2011 3:20:24 PM

Tại sao mọi người không click tiếp đến những phần khác nữa trên website trong khi trang web của bạn có nội dung hay, thiết kế đẹp?. Theo nhiều trường hợp thì vấn đề là thời gian tải. Mọi người đang rời bỏ website của bạn vì một lý do đơn giản rằng nó đã làm mất quá nhiều thời gian để tải thông tin.

Thời gian tải nhanh là vô cùng quan trọng, các nghiên cứu về tiện ích web cho biết rằng người dùng internet đánh giá đó là một trong những vấn đề quan trọng nhất đối với một website. Những người sử dụng thích truy cập vào một trang web có tốc độ tải nhanh với chất lượng trang ở mức trung bình vẫn hơn là một website đẹp nhưng tải chậm. Điều này là không nghi ngờ gì nữa.

19 thủ thuật giúp trang web của bạn tải nhanh hơn

Vậy tối đa là bao nhiêu?

Theo các nghiên cứu là 10 giây. Những nghiên cứu cũng cho biết rằng 1/3 người dùng sẽ rời bỏ một website nếu không nằm trong giới hạn này. Bạn có thể nghĩ rằng trong thời đại băng thông rộng này thì tốc độ tải không có ý nghĩa mấy. Nhưng bạn hãy nhớ rằng ở Mỹ có hơn một nửa số người sử dụng internet vẫn đang dùng kết nối dial –up chậm chạp, nếu bạn cũng ở trong số những người đó thì bạn đã có sự đồng cảm với tôi). Các quốc gia khác hầu hết đã rời bỏ kết nối dial-up nhưng băng thông rộng thì chắc chắn còn lâu mới phổ biến.

Cho nên, bạn cần lưu ý tới kích thước và tốc độ tải cho trang web của mình. 10 giây đó trên kết nối dial-up 56K tương đương với tốc độ tải 70KB dung lượng của trang web. Điều đó có nghĩa rằng ngôn ngữ đánh dấu siêu văn bản ( HTML) và đồ hoạ của bạn sẽ bổ sung thêm tới 70KB để có được một giới hạn tuyệt đối. Đó là yêu cầu khá khắt khe và bạn phải tính toán đến từng byte dung lượng.

Để website của bạn thân thiện hơn với người dùng thì tốc độ tải trang là một yếu tố rất là quan trọng. Nếu tốc độ tải trang kém thì nội dung website của bạn có hay đến đâu thì người dùng cũng không có kiên nhẫn để chờ trang web của bạn load. Công ty Thiết kế website ADC Việt Nam đưa ra bài viết này giúp bạn giải quyết vấn đề đó.

1. Hãy giảm thiểu đồ hoạ

Giảm số lượng đồ hoạ ở mức tối thiểu là điều đầu tiên bạn cần làm. Đừng có những đồ hoạ cho những vị trí mà text hoặc CSS sẽ chiếm giữ hoặc ở nơi chúng không làm nổi bật đáng kể được những thông tin và thiết kế của bạn. Bạn nên cân nhắc sao cho trang web như là một phương tiện truyền đạt text và hài hòa được các đồ hoạ.

2. Hãy nén đồ hoạ

Ngay khi bạn đã bỏ đi các đồ hoạ không cần thiết thì bạn nên nghĩ đến việc nén phần còn lại. Hãy thử tăng độ nén ảnh JPEG, hoặc giảm số lượng màu sắc. Nếu những đồ hoạ đó thực sự không có nhiều màu sắc khác nhau, bạn có thể thử sử dụng ảnh GIF. Để tối ưu thời gian tải trang web thì tốt nhất bạn nên dùng các định dạng hình ảnh chuẩn như JPG, PNG và GIF.

Nếu bạn không thể nén dung lượng của bất cứ đồ hoạ nào được nhỏ hơn, thì bạn có thể điều chỉnh kích thước những đồ hoạ đó nhỏ hơn. Vì Hìnhình ảnh trên website chiếm một phần không nhỏ kích thước trang web và do đó có ảnh hưởng đến thời gian tải trang web. Các trình quản lí nội dung CMS chỉ có thể thay đổi kiểu hiển thị to nhỏ của hình ảnh chứ không hề thực sự tác động đến kích thước của ảnh, thế nên bạn hãy dùng các công cụ biên tập ảnh như Photoshop, hoặc các chương trình chỉnh sửa kích thước và nén ảnh trước khi tải lên website.

3. Hãy thu gọn HTML của bạn

Bạn sẽ ngạc nhiên vì mã HTML bị phình to để chứa những thẻ tag không cần thiết, đặc biệt nếu bạn sử dụng một trình biên tập WYSIWYG hoặc thiết kế trang web của bạn sử dụng các bảng. Hãy thiết kế cho trang web của bạn sử dụng CSS nhiều nhất có thể, sử dụng một HTML ngăn nắp (hoặc chương trình làm gọn HTML khác) để thu gọn cho HTML của bạn. Bạn đừng bỏ qua lượng băng thông rộng được chiếm giữ bởi CSS, và hãy cố gắng giữ kích cỡ của nó nhỏ nhất nếu có thể.

Trong rất nhiều trường hợp thì một tiến trình thu gọn đơn giản có thể giảm thiểu kích cỡ tải xuống còn một nửa. Điều đó đặc biệt có hiệu quả cho các trang chứa những bài báo dài bởi vì số lượng của các thẻ không cần thiết mà nhiều các trình biên tập chèn vào phần đầu của những đoạn văn bản mới.

>> Giới thiệu và ứng dụng cơ bản về html5 trong thiết kế website

4. Tránh cài những plugin không cần thiết

Plugin đi kèm theo các site có thể làm chậm đi tốc độ tải trang web của bạn. Không phải plugin nào cũng cần thiết, thí dụ như plugin chia sẻ lên mạng xã hội, một plugin được coi là buộc phải có trên mọi website ngày nay. Nói thế có nghĩa bạn nên cân nhắc trước khi cài thêm vào một plugin, liệu còn có lựa chọn nào thay thế plugin, ví dụ như sử dụng CMS có tích hợp sẵn plugin social, như thế ta không cần thiết cài thêm plugin bên ngoài vào nữa.

>> Top 10 WordPress Plugins for CMS hay nhất cho hệ thống quản trị

5. Tối ưu cache

Mỗi khi có khách truy cập website của bạn đồng nghĩa với các tập tin hình ảnh, CSS và JavaSrcipt cũng được tải, do đó làm tốn nhiều thời gian tải trang. Bằng cách sử dụng tính năng HTML caching trên website, bạn cho phép trình duyệt hoặc proxy lưu tạm (cache) những tập tin này. Khi được gọi đến chúng sẽ được lấy lên từ cache của trình duyệt và như thế sẽ nhanh hơn thay vì tải hết lại chúng từ mạng. Ngoài ra, khi tối ưu cache cho website bạn còn làm giảm được bandwidth (băng thông) và chi phí host cho website của bạn.

6. Đặt tập tin JavaScript ở cuối Document

Việc xử lí các tập tin JS luôn làm tiêu tốn nhiều tài nguyên (thời gian, CPU, bộ nhớ…). Nếu để ý, bạn sẽ thấy các bài kiểm tra tốc độ trình duyệt luôn có tác vụ kiểm tra xử lí JavaScript, và các trình duyệt cũng liên tục nâng cao khả năng xử lí JS trong các bản nâng cấp của mình. Khi bạn đặt các tập tin JS ở cuối Document là đã tránh được cho các tập tin khác theo sau nó phải chờ đợi.

7. Tránh dùng redirect

Tránh dùng redirect làm tăng được tốc độ xử lí. Lí do là redirect gọi đến thêm một lệnh tải HTTP dẫn đến làm tăng thời gian tải trang lên. Một vài lệnh redirect đôi khi là điều không thể tránh khỏi và cần phải có mặt nhưng lời khuyên là tránh được thì hãy tránh.

>> Redirection Permanent Link, Redirect 301

8. Làm giảm truy vấn DNS – DNS Lookup

Truy vấn DNS (Domain Name System) xảy ra khi một URL (hostname) được nhập vào trình duyệt và bộ phân giải DNS trả về lại địa chỉ IP của máy chủ đó. Thời gian cho quá trình này vào khoảng 20-120 mili giây. Khi bạn mở nhiều trang từ cùng một hostname thì truy vấn DNS sẽ được dùng cho nhiều loại thành phần trên website, bao gồm URL, hình ảnh, CSS, JS và flash. Tuy nhiên, với nhiều truy vấn từ các hostname khác nhau được gửi đi thì lượt truy vấn DNS cũng tăng lên, do đó làm tăng thời gian tải trang. Best practice chỉ ra cho thấy một host chỉ nên dùng cho từ 6 hostname trở xuống, và dùng đường dẫn URL thay vì dùng hostname. Điều này có nghĩa nếu bạn có tạo blog thì nên dùng www.example.com/blog thay vì blog.example.com.

>> 7 điều cần tránh khi triển khai DNS

9 Tránh cài nhiều đoạn mã theo dõi cho website

Theo dõi các chỉ số liên quan đến traffic website là điều nên làm nhưng các đoạn mã theo dõi đó cũng là nguyên nhân gây chậm tốc độ tải trang khi được cài cùng chung trên một website. Google Analytics có lẽ là công cụ quen thuộc nhất khi nói đến đo lường traffic website và là công cụ được khuyến nghị dùng nhiều nhất.

10. Thiết lập mã hóa G-Zip để nén dữ liệu

Tương tự như các tập tin trên máy tính được đóng gói và nén lại để giảm tổng kích thước của chúng khi trao đổi qua lại trên mạng, các tập tin lớn trên website cũng có thể được đóng gói bằng phương pháp Nén G-Zip. Phương pháp này tiết kiệm được băng thông và thời gian tải tập tin và trên hết là giảm được thời gian tải trang web của bạn.

11. Giảm bớt HTTP request

HTTP request là những yêu cầu từ phía trình duyệt gửi lên server và có request có trả lời, và càng nhiều request thì càng tốn nhiều thời gian để tải hoàn tất một trang web. HTTP request tăng lên có thể do trùng lặp những đoạn script trong code HTML, bỏ được những đoạn script trùng lặp sẽ giúp code của bạn gọn hơn, và website có tốc độ tải trang dc nhanh hơn.

12. Sử dụng Expire/ Cache-Control Header

Bạn có thể sử dụng Expire header cho những thành phần tĩnh của website và Cache-Control header cho những thành phần động. Những header này sử dụng cho hình ảnh, style sheet, script và flash có thể được lưu cache, giúp giảm thiểu lượng HTTP request do đó cải thiện được tốc độ tải trang.

13. Đặt Style sheet ở đầu Documents

Style sheet dùng cho “trang trí” website trông bắt mắt hơn và theo chuẩn nó nằm ở đầu Document. Để bạn thấy được website đẹp mắt như thế, các thành phần trên trang web được xử lí từ phía server được mở dần dần trong trình duyệt khi chúng được khởi tạo bởi các qui định trong style sheet. Từ thanh điều hướng, logo cho đến nội dung trang web, quá trình xử lí mang đến người dùng một trải nghiệm đẹp với website. Style sheet cũng góp phần cải thiện được thời gian tải trang.

14. Thu gọn tập tin JavaScript và CSS

Thu gọn tập tin JS và CSS nghĩa là bỏ đi những kí tự không dùng đến trong code để làm giảm kích thước tập tin và thời gian tải cho các thành phần đi sau các đoạn mã đó.

15. Dùng Get thay cho Post

Get và Post là hai phương thức để trình duyệt yêu cầu dữ liệu từ server. Kinh nghiệm cho thấy phương thức Get xử lí dữ liệu nhanh hơn nhiều so với phương thức Post khi yêu cầu dữ liệu trên một trình duyệt. Mặc dù cả hai đều cho cùng kết quả, nhưng Post gửi header đi trước sau đó mới gửi phần data trong khi Get chỉ cần một gói TCP để gửi dữ liệu đi. Ngoài ra, Get còn được đề xuất sử dụng kết hợp với AJAX vì nó có thể được lưu cache và lưu lại trong lịch sử trình duyệt.

16. Bỏ đi các thành phần DOM không cần thiết

Nhìn vào bên trong mã HTML, nếu có quá nhiều markup có thể làm chậm đáng kể quá trình truy cập DOM do JavaScript gọi tới chúng. Bạn nên sử dụng các phương pháp thay thế như dùng grid.css, font.css và reset.css thay cho phải dùng table…

17. Giảm kích thước Cookie

Cookie được dùng trong quá trình trao đổi dữ liệu qua lại giữa server và trình duyệt. Vì vậy khi bạn giảm kích thước của cookie đồng nghĩa với giảm được kích thước dữ liệu truyền qua và tăng được tốc độ tải trang.

18. Cập nhật CMS

Nếu bạn đang dùng một CMS chẳng hạn thì nên kiểm tra thường xuyên những cập nhật có cho nó, nhưng đừng cập nhật trực tiếp lên website hiện tại. Bạn hãy kiểm tra trước ở một server khác rồi mới cập nhật cho website chính.

19 Hãy chuyển đổi dịch vụ lưu trữ web (Hosting)

Đôi khi dù bạn nỗ lực nhưng trang web vẫn tải chậm. Trong những trường hợp này thì host web của bạn có thể là nguyên nhân. Hãy kiểm tra từ một số những kết nối và máy tính khác nhau. Hãy cố gắng kiểm tra tốc độ bằng việc đặt lên một trang hoàn toàn khác nhau. Nếu nó vẫn liên tục chậm thì đó có thể là lúc di chuyển các host. Đầu tiên, hãy gửi email đến nhà cung cấp dịch vụ host của bạn về vấn đề này và để cho họ khoảng 1 tuần để khắc phục vì cũng có thể họ đang gặp những vấn đề mang tính tạm thời.

Khi bạn đang chuyển đổi các Host để có được tốc độ, hãy cân nhắc cho các website đã có tốc độ truy cập nhanh. Tìm ra người nào họ đã host cho họ và làm một nghiên cứu về họ (thông qua tên của nhà cung cấp dịch vụ host). Sau đó, bạn có thể kiểm tra vài website đã được host bởi nhà cung cấp dịch vụ host đó để kiểm tra tốc độ.

>> Làm thế nào để chọn nhà cung cấp Web Hosting

Kết luật

Qua bài viết những thủ thuật giúp website có tốc độ tải nhanh hơn được trình bày trên thì bạn đã có một website khá là nhanh. Chúc các bạn thành công.

Các bài viết khác:

Lý do bạn nên chọn chúng tôi

Với trên 300 khách hàng đã hợp tác cùng với hơn 800 dự án đã hoàn thành, chúng tôi tự hào là công ty đi đầu trong lĩnh vực thiết kế website ở Việt Nam và một số nước trên thế giới. ADC đảm bảo sự thành công cho dự án và sự phát triển công ty của bạn.

 Uy tín đã được khẳng định bởi trên 300 khách hàng và hơn 800 dự án đã được hoàn thành. Với 70% dự án tại Việt Nam, 10% dự án tại Mỹ20% dự án tại thị trường Châu Âu. Hơn 95% khách hàng hài lòng với dịch vụ và mong muốn hợp tác tiếp và sử dụng các dịch vụ khác.

 Đội ngũ nhân viên nhiệt tình chu đáo. Bảo hành sản phẩm 3 năm, sau 3 năm hỗ trợ nhiệt tình miễn phí.

 Dự án chỉ kết thúc khi nào khách hàng cảm thấy hài lòng.

 Đội ngũ kĩ sư có trình độ cao được đào tạo từ các trường đại học danh tiếng Việt Nam và nước ngoài. Đảm bảo cho dự án được tiến hành nhanh nhất, chất lượng nhất.

 
Khách hàng tiêu biểu

Bộ Ngoại Giao, Bộ Quốc Phòng, Bộ Công thương, Sở ý tế Hà Nội, Sở giáo dục Hà Nội, Đại học Quốc Gia, Ban Thanh Tra Chính Phủ, Cục quản lý dược Bộ y tế, Vinashin, Tập đoàn điện lực …và hơn 300 doanh nghiệp khác.

Website bố ơi mình đi đâu thế thiết kế tại adcWebsite taseco thiết kế tại adcWebsite tvad thiết kế tại adclogo vp tours
Website picomat thiết kế tại adcWebsite trang sức doji thiết kế tại adcWebsite Ô mai Hồng LamWebsite lana tour thiết kế tại adc