Cách cải thiện hiệu suất trang web của bạn: 10 mẹo để tăng tốc trang web của bạn

Cập nhật: 2022-07-15 ​​/ Bài viết của: Jerry Low
Các nghiên cứu đã liên tục chỉ ra rằng tốc độ tải trang nhanh hơn sẽ mang lại tỷ lệ chuyển đổi tốt hơn. Vì lưu trữ web là một trong những yếu tố quan trọng trong tốc độ trang web doanh nghiệp của bạn - điều quan trọng là phải chọn một máy chủ lưu trữ web giúp trang web của bạn tải nhanh chóng.
Các nghiên cứu đã liên tục chỉ ra rằng tốc độ tải trang nhanh hơn sẽ tốt hơn tỷ lệ chuyển đổi. Như web hosting là một trong những yếu tố quan trọng trong trang web kinh doanh của bạn tốc độ - điều quan trọng là chọn một máy chủ web giúp trang web của bạn tải nhanh chóng (nguồn: CloudFlare).

Biết những yếu tố chính ảnh hưởng đến hiệu suất trang web là một chuyện, nhưng còn nhiều việc bạn có thể làm để tối ưu hóa trang web của mình nhiều nhất có thể. Không cần xem qua danh sách đầy đủ, đây là một số điều chỉnh bạn có thể thực hiện để tăng hiệu suất trang web.

quảng cáo

1. Chọn Máy chủ Lưu trữ Tốt hơn

Lưu trữ web của bạn là một trong những phần quan trọng nhất đối với hiệu suất web của bạn.

Nếu trang web của bạn đang bị ảnh hưởng theo kế hoạch hiện tại, bạn có thể chỉ cần thêm tài nguyên và chuyển sang một kế hoạch tốt hơn có thể phù hợp với bạn.

Có máy chủ web và sau đó có tuyệt vời máy chủ web. Mỗi máy chủ lưu trữ web sẽ có các tính năng khác nhau, vì vậy hãy chú ý đến các mục chính như công nghệ bộ nhớ đệm độc quyền, ổ đĩa trạng thái rắn hoặc kiểm soát các khu vực quan trọng. Chia sẻ lưu trữ thường có ít tài nguyên hơn và nếu bạn đã phát triển nhanh hơn, bạn có thể cần xem xét VPS hoặc lưu trữ đám mây.

Có những lúc chỉ cần chọn chuyển sang một máy chủ web tốt hơn cũng có thể hoạt động. Tuy nhiên, trước khi bạn quyết định làm như vậy, hãy dành thời gian nghiên cứu để tìm ra những lựa chọn đáng tin cậy nhất của bạn để chuyển sang.

Nhà cung cấp dịch vụ lưu trữ VPS được đề xuất

Máy chủ webGói rẻ nhấtGói trung cấpGiai đoạn thử nghiệmĐặt hàng
BlueHost$ 19.99 / tháng$ 29.99 / tháng30 ngàyNhận BlueHost
HostPapa$ 19.99 / tháng$ 59.99 / tháng30 ngàyNhận HostPapa
InMotion Lưu trữ web$ 17.99 / tháng$ 64.99 / tháng90 ngàyNhận InMotion
InterServer$ 6.00 / tháng$ 12.00 / tháng30 ngàyNhận InterServer
  LiquidWeb$ 15.00 / tháng$ 45.00 / tháng30 ngàyNhận LiquidWeb
ScalaHosting$ 9.95 / tháng$ 21.95 / tháng30 ngàyNhận ScalaHosting
TMD Hosting$ 19.97 / tháng$ 29.97 / tháng30 ngàyNhận TMD Hosting

2. Sử dụng nhà cung cấp DNS nhanh hơn

Hệ thống tên miền (DNS) là gì?

Mô hình Hệ thống tên miền (DNS) là sổ địa chỉ của Internet. Bất cứ khi nào người dùng nhập tên miền trang web vào trình duyệt của họ, chẳng hạn như - google.com, DNS sẽ giúp định vị địa chỉ IP của tên miền để trình duyệt có thể tải trang web.

DNS ảnh hưởng đến hiệu suất trang web của bạn như thế nào?

Sự khác biệt về tốc độ phản hồi DNS theo nhà cung cấp. Ví dụ, Cloudflare DNS được tính thời gian ở mức 11.68ms vào tháng 2022 năm 90; Tương đối, quá trình tra cứu DNS RackSpace mất hơn XNUMX mili giây trong quá trình thử nghiệm (nguồn: DNSPerf của PerfOps).

Bạn ở đâu mua tên miền của bạn vấn đề là các dịch vụ tên miền khác nhau có hiệu suất khác nhau. Việc phân giải DNS cần có thời gian và vì nó hoạt động trên phần cứng nên có thể có sự khác biệt về tốc độ phản hồi. 

Trước khi bạn chế giễu điều này, hãy lưu ý rằng sự khác biệt về hiệu suất có thể khá đáng kể. Ví dụ, ở đâu Cloudflare giải quyết trong vòng chưa đầy 15 mili giây, một số nhà cung cấp có thể mất nhiều thời gian hơn gấp XNUMX lần.

Cách kiểm tra tốc độ DNS của bạn

Để kiểm tra hiệu suất Máy chủ định danh, bạn có thể sử dụng một công cụ như công cụ trên Trang web 24 × 7. Chạy nó với tên miền của bạn và nó sẽ cho bạn biết Máy chủ tên của bạn mất bao lâu để trả lời một truy vấn. Nếu nó quá cao, bạn có thể muốn xem xét việc thay đổi Máy chủ tên. Điều này không khó để làm.

Chuyển đổi máy chủ định danh để cải thiện tốc độ

Có thể rất dễ dàng để thay đổi địa chỉ Máy chủ tên của bạn.
Có thể rất dễ dàng để thay đổi địa chỉ Máy chủ tên của bạn.

Có cả máy chủ tên miễn phí và trả phí mà bạn có thể lựa chọn. Không phải tất cả các tùy chọn trả phí đều tốt hơn. Lấy ví dụ Cloudflare. Chúng là một trong những giải pháp tên miền nhanh nhất với tốc độ nhanh chóng ngay cả đối với các tài khoản miễn phí.

Tuy nhiên, sự lựa chọn là của bạn. Điều bạn cần làm đầu tiên là đăng ký Máy chủ tên mới mà bạn chọn. Điều này sẽ cung cấp cho bạn một cặp địa chỉ Máy chủ tên mà bạn cần thay thế các địa chỉ hiện có của mình.

Để làm điều này, bạn sẽ cần đăng nhập vào hệ thống mà bạn đã mua tên miền của mình. Hầu hết trong số này có một bảng điều khiển đơn giản để bạn thay đổi Máy chủ tên của mình. Trong ví dụ dưới đây, tôi sẽ hiển thị NameCheap hệ thống.

  1. Từ trang tổng quan tài khoản của bạn, hãy tìm tùy chọn để Quản lý tên miền của bạn.
  2. Trong Máy chủ tên, hãy tìm tùy chọn để thêm DNS tùy chỉnh
  3. Nhập các địa chỉ được cung cấp bởi dịch vụ Máy chủ tên mới của bạn
  4. Bạn PHẢI nhập cả hai địa chỉ được cung cấp

Khi bạn đã thực hiện xong việc này, việc quản lý các bản ghi tên miền của bạn thường sẽ được thực hiện thông qua trang tổng quan của Máy chủ tên mới của bạn. Cho Máy chủ tên mới thời gian để ổn định (24 đến 48 giờ là tốt).

Sau khi kết thúc, bạn có thể kiểm tra lại tốc độ phân giải DNS của mình một lần nữa để xem có cải thiện gì không. Nếu lúc đầu bạn không thấy cải thiện, hãy cho nó thêm một chút thời gian.

3. Cache một cách linh hoạt

Cách hoạt động của Web Caching (nguồn: Kinsta).

Bộ nhớ đệm giúp bạn tải trước các tệp tĩnh để chúng có thể được phân phát nhanh hơn. Thay vì tải một tệp mỗi khi nó được yêu cầu, bộ nhớ đệm sẽ tăng tốc quá trình bằng cách lưu trữ một số tệp trên trình duyệt của người dùng. Điều này không chỉ cải thiện hiệu suất mà còn có thể giúp giảm tải tài nguyên trên máy chủ web

Không phải tất cả các máy chủ web đều được tạo ra như nhau và một số xử lý bộ nhớ đệm tốt hơn những máy chủ khác. Để có hiệu suất tốt nhất, hãy chọn một máy chủ web cung cấp nginx hoặc Vecni. Một số ví dụ về những điều này là:

  • Cloudways, có tính năng cân bằng tải và bộ nhớ đệm với NGINX,
  • A2 Hosting, đã cấu hình sẵn Varnish với các gói VPS của họ, và
  • Kinsta, xử lý mọi thứ trong bộ nhớ đệm máy chủ cho khách hàng của họ.

Ngoài ra, nếu bạn đang chạy một WordPress các trang web, có rất nhiều tiện ích Các plugin bộ nhớ đệm WordPress có sẵn miễn phí. Người dùng có ít kiến ​​thức kỹ thuật có thể tối ưu hóa trang web WordPress của họ chỉ trong vài cú nhấp chuột với các plugin này.

4. Sử dụng HTTP / 2

HTTP / 2 so với HTTP / 1
HTTP / 2 đi kèm với nhiều cải tiến khác nhau so với HTTP / 1, cho phép phân phối gói hàng nhanh hơn và cải thiện trải nghiệm người dùng (nguồn: Imperva).

Đây là một trong những tính năng hữu ích mà tất cả các chủ sở hữu trang web nên tìm kiếm. HTTP / 2 cho phép ghép kênh, có nghĩa là các tệp có thể được gửi đồng thời tới người dùng thay vì từng tệp một. Điều này giúp quá trình tải.

Thật không may, không phải tất cả các gói lưu trữ web đều được kích hoạt HTTP / 2 và một số máy chủ web chỉ cung cấp dịch vụ này với các gói đắt tiền hơn của họ. Một cách để giải quyết vấn đề này là sử dụng Cloudflare, có thể bật HTTP / 2 cho tất cả các trang web.

5. Thực hiện theo nguyên tắc KISS

Đây không phải là thứ thường được dạy bởi hầu hết các chuyên gia web, nhưng tôi thấy nó cực kỳ hữu ích theo nhiều cách. KISS là từ viết tắt của “Keep It Simple, Stupid”. Nó được đặt ra bởi một số chương trình thông minh vào những năm 1960, nhấn mạnh đến hiệu quả của các hệ thống đơn giản.

Theo quy tắc chung, tôi thấy điều này áp dụng cho hầu hết mọi thứ trong cuộc sống - ngay cả khi thiết lập trang web. Bằng cách tránh việc triển khai và thiết kế quá phức tạp, bạn sẽ được hưởng lợi từ một trang web nhanh và quan trọng hơn, dễ quản lý và duy trì.

Thiết kế & hình ảnh

Bằng cách giữ thiết kế và hình ảnh đơn giản, ý tôi là chủ yếu ở dạng giảm chi phí. Một trang web nặng nề, hình ảnh hơi thở và những video tuyệt đẹp có thể tải nhanh như một con lười vào một ngày tồi tệ. Giữ nó gọn gàng và ngăn nắp và cố gắng tách video và hình ảnh của bạn tải trên các trang khác nhau.

Mã & Plugin

WordPress là một điều tuyệt vời bởi vì nó rất mô-đun và rất đơn giản để sử dụng. Bất kể bạn muốn làm gì, có thể ai đó đã đã thiết kế một plugin cho điều đó.

Điều đó nghe có vẻ thú vị, hãy cẩn thận với việc làm quá tải trang web của bạn với các plugin. Hãy nhớ rằng mỗi plugin được thiết kế bởi những người khác nhau (và có thể là các công ty khác nhau). Mục đích của họ là đạt được một mục tiêu cụ thể, không phải để hợp lý hóa tốc độ trang web của bạn.

Nếu có thể, hãy tránh các plugin cho những thứ bạn có thể tự quản lý. Lấy ví dụ một plugin sẽ giúp bạn chèn các bảng vào văn bản của mình. Bạn có thể dễ dàng học một số Mã HTML để vẽ bảng thay vì phải sử dụng một plugin cho điều đó, phải không?

Một số plugin riêng lẻ có thể làm chậm đáng kể trang web của bạn, vì vậy hãy đảm bảo bạn thực hiện kiểm tra tốc độ mỗi khi bạn cài đặt plugin mới!

6. Bật nén gzip

Mặc dù các trang web thường đã nhỏ, nhưng việc nén chúng trước khi chúng được gửi đi vẫn có thể làm tăng hiệu suất trang web của bạn. Nếu bạn đã nghe nói về nén hình ảnh, hoặc có thể là lưu trữ (ZIP hoặc RAR) thì có lẽ bạn sẽ quen thuộc với lý thuyết đằng sau việc nén gzip. Điều này sẽ nén mã trang web của bạn, dẫn đến tăng tốc độ lên đến 300% (kết quả khác nhau).

Mỗi loại máy chủ web chẳng hạn như Apache, Tốc độ nhanhnginx xử lý nén gzip khác nhau. Ngoài ra, bạn cũng có thể thêm mã sau vào của bạn.htaccess tệp để nén các tệp web của bạn.

# Nén HTML, CSS, JavaScript, Văn bản, XML và phông chữ Ứng dụng AddOutputFilterByType DEFLATE / ứng dụng javascript AddOutputFilterByType DEFLATE / ứng dụng rss + xml AddOutputFilterByType DEFLATE / vnd.ms-fontobject AddOutputFilter ứng dụng DEFLATE / ứng dụng x-quang DEFLATE AddOutputFilterByType Application Appice / X-Font-Otf AddOutputFilterbyType Applate addOutputFilterByTypeType Applate Applate / X-F Font-TTFFilterbyType Applate Applate / XHTML + XML AddOutputFilterByType Applate Applate / XML AddOutputFilterByType / Opentype AddOutputFilterByType Font / Otf AddOutputFilteryType Font / TTF AddOutputFilteryyType Image / SVG + XML addOutputFilterbyType addOutputFilterbyType Text / html addOutputFilterbyType Textpe / addOutputFilterbytype Văn bản LATE / văn bản thuần túy AddOutputFilterByType DEFLATE văn bản / xml

7. Sử dụng Mạng phân phối nội dung (CDN)

Phân phối máy chủ duy nhất (bên trái) - các tệp web của bạn được phục vụ từ một vị trí duy nhất. Mặt khác, trên CDN (bên phải) các tệp web của bạn được phục vụ từ máy chủ gần người dùng nhất của bạn.

CDN hoạt động như thế nào

Mạng phân phối nội dung là mạng máy chủ cung cấp các trang web và nội dung khác cho người dùng dựa trên vị trí địa lý của họ. Nói cách khác, nó giúp giảm thời gian thực hiện bởi máy chủ từ xa để phản hồi lại với dữ liệu được yêu cầu bởi người dùng cuối.

Thông thường, nó sẽ lưu trữ nội dung tĩnh được lưu trữ trên máy chủ gần nhất có thể đến vị trí địa lý của người dùng. Khi khoảng cách truyền dữ liệu giảm đi, thời gian giao hàng (hoặc tốc độ tải) được cải thiện.

Sử dụng CDN sẽ giúp bạn phục vụ các trang web của mình nhanh hơn và cải thiện tốc độ tải cho dù khách truy cập của bạn đến từ đâu.

Nếu bạn là chủ sở hữu của một trang web nhỏ, thì Cloudflare có một tùy chọn miễn phí mà bạn có thể sử dụng hoạt động tốt. Các công ty và các trang web lớn hơn sẽ phải trả tiền để có được một kế hoạch tốt hơn, nhưng với những lợi ích của CDN, nó đáng giá!

Các dịch vụ CDN khác cần xem xét bao gồm: LimeLight, KeyCDN

8. Tối ưu hóa hình ảnh

Mặc dù thường lớn, hình ảnh để sử dụng trên web có thể được tối ưu hóa để giúp quản lý kích thước của chúng dễ dàng hơn. Điều này thường được thực hiện bằng cách điều chỉnh chất lượng hình ảnh vì bạn thường không cần độ sắc nét tuyệt vời cho hình ảnh web. 

Có các công cụ trực tuyến miễn phí như Optimizilla bạn có thể sử dụng để làm điều này hoặc bạn có thể chọn hình ảnh plugin tối ưu hóa nếu bạn đang sử dụng WordPress. Hầu hết các công cụ tối ưu hóa hình ảnh sẽ cho phép bạn tinh chỉnh chi tiết độ phân giải trên hình ảnh của mình để bạn có thể giảm dần độ phân giải. Đối với mắt chưa qua đào tạo, chúng sẽ trông khá giống nhau, nhưng kích thước nhỏ hơn nhiều.

Hình ảnh được tối ưu hóa so với hình ảnh chưa được tối ưu hóa
Ví dụ - Chúng được phóng to trong các khu vực của hình ảnh HD (bên trái). Bản gốc là 2.3MB và sau khi tối ưu hóa hình ảnh đã giảm xuống còn 331kb.

9. Giảm thiểu mã

Các trang web ngày nay thường tràn ngập các tệp Javascript và CSS. Để tinh chỉnh trang web của bạn hơn nữa, thậm chí mã của bạn có thể được tối ưu hóa thông qua một quá trình được gọi là thu nhỏ. Điều này hoạt động bằng cách loại bỏ các khoảng trống hoặc các ký tự không cần thiết khỏi mã hiện có để giảm kích thước tệp xuống mức tối thiểu.

Một lần nữa, có những công cụ bạn có thể sử dụng cho việc này, chẳng hạn như Minifier. Một lời cảnh báo mặc dù. Việc rút gọn mã thường khiến con người rất khó đọc, vì vậy nếu bạn đang thực hiện tất cả các trang web của mình mã hóa theo cách thủ công, đây sẽ là điều cần xem xét.

Code Minification để tăng tốc độ trang web
Việc rút gọn có thể làm cho mã của bạn trông như bị xáo trộn - đừng lo! Điều này là bình thường.

10. Giảm chuyển hướng

Thông thường, các trình duyệt chấp nhận các dạng địa chỉ khác nhau mà lần lượt được dịch sang máy chủ của bạn. Lấy ví dụ www.example.com và example.com. Cả hai có thể đi đến cùng một trang, nhưng một yêu cầu máy chủ của bạn phải chuyển hướng nó đến địa chỉ được công nhận chính thức.

Chuyển hướng đó chiếm một số thời gian và tài nguyên, vì vậy mục tiêu của bạn là đảm bảo trang web của bạn có thể truy cập được thông qua không quá một chuyển hướng. Dùng cái này Redirect Mapper để xem bạn có làm đúng không.

Với sự phức tạp của việc thực hiện quyền này và thời gian liên quan trên cơ sở liên tục, đây là một lần tôi khuyên bạn nên sử dụng một plugin như Chuyển hướng.

Kiểm tra tốc độ trang web của bạn

Bạn có thể thực hiện một loạt các chỉnh sửa để trang web của mình tải nhanh hơn. Một số có thể đơn giản như chuyển đổi các tùy chọn, trong khi những người khác có nhiều liên quan hơn. Tuy nhiên, nếu bạn xem xét chúng, tất cả quá trình có thể mất một chút thời gian.

Tốt nhất là bạn nên thực hiện một cách tiếp cận chậm, tiến bộ để cải thiện hiệu suất thay vì thực hiện tất cả các thay đổi của mình cùng một lúc. Như với bất cứ điều gì dựa trên công nghệ, có khả năng một cái gì đó sẽ đi sai.

Nếu bạn triển khai các thay đổi theo thời gian và lập tài liệu cùng với các thử nghiệm, sẽ dễ dàng hơn để xác định bất kỳ thay đổi nào bạn đã thực hiện có thể khiến trang web của bạn không khả dụng hoặc gặp sự cố. Tin tôi đi - điều đó cuối cùng sẽ xảy ra.

Công cụ kiểm tra tốc độ trang web

Bằng cách sử dụng trình kiểm tra tốc độ trang web, bạn sẽ có thể tìm hiểu mức độ tối ưu hóa trang web của bạn hiện tại.

Để bắt đầu, hãy kiểm tra tốc độ tải trang web của bạn trước tiên. Một số công cụ được đề xuất là:

  • WebPageTest: Thu thập hiệu suất trang web từ các trình duyệt thực chạy các hệ điều hành phổ biến.
  • Pingdom: Giúp phân tích và tìm thấy tắc nghẽn trong hiệu suất trang web.
  • GTmetrix: Phân tích và cung cấp thông tin chi tiết có thể hành động về cách tốt nhất để tối ưu hóa tốc độ trang web.
  • Bitcatcha: Kiểm tra tốc độ trang web từ tám quốc gia.

Để có thêm sự lựa chọn - kiểm tra các công cụ kiểm tra tốc độ trang web miễn phí này

Tốc độ trang web - Nhanh như thế nào là đủ nhanh?

Thông tin chi tiết về Google
Google PageSpeed ​​Insight là một điểm chuẩn tốt về cách người khổng lồ tìm kiếm thấy hiệu suất trang web của bạn.

Ngoài trải nghiệm của khách truy cập, tốc độ trang web và hiệu suất thời gian hoạt động cũng ảnh hưởng đến khả năng hiển thị của bạn trong thứ hạng tìm kiếm. Vì vua tìm kiếm là Google, đó là thanh mà bạn muốn hướng tới. Theo họ, 40% khách truy cập sẽ rời khỏi một trang mất hơn ba giây để tải (nguồn). Người dùng của Thương mại điện tử những nền tảng không hài lòng với hiệu suất trang web cũng ít có khả năng mua lại từ các trang web đó hơn. 

Thật không may, nhiều trang web vẫn không đáp ứng được tiêu chuẩn này. Trên thực tế, tôi đã đo lường một số trang web mất đến 3 hoặc 4 phút để tải.

Lời kết: Trang web nhanh hơn Giữ cho mọi người hạnh phúc

Tốc độ băng rộng ngày nay, ngay cả trên thiết bị di động, đã tăng lên rất nhiều và sẽ ngày càng tăng hơn nữa. Điều đó có nghĩa rằng có rất ít lý do để lại cho chủ sở hữu trang web để khách truy cập của họ đưa lên trang web tải chậm.

Hãy tin tôi, bạn sẽ tiếp tục mất khách truy cập và tại một thời điểm, đạt được một danh tiếng xấu mà bạn sẽ được biết đến là "Ồ, RẰNG trang mạng". Nếu bạn đang ở trong một kinh doanh trực tuyến, điều đó thậm chí còn tồi tệ hơn vì bạn sẽ giết con ngỗng vàng của chính mình.

Trong khi các lời khuyên 8 ở trên tôi đã cung cấp là không có nghĩa là tất cả và kết thúc tất cả, nó sẽ cung cấp cho bạn một khởi đầu và một số ý tưởng về cách quản lý mọi thứ tốt hơn một chút. Tăng tốc trang web của bạn ngay hôm nay và giữ chân khách hàng hoặc khách truy cập của bạn.

Đừng kết thúc như RẰNG trang web.

Tìm hiểu thêm

Về Jerry Low

Người sáng lập WebhostingSecretReveal.net (WHSR) - một đánh giá lưu trữ được người dùng 100,000 tin cậy và sử dụng. Hơn nhiều năm kinh nghiệm trong lĩnh vực lưu trữ web, tiếp thị liên kết và SEO. Cộng tác viên của ProBlogger.net, Business.com, SocialMediaToday.com, v.v.