Làm cách nào để giảm thời gian tải trang và kích thước trang?


Câu trả lời 1:

Quay lại -

Tối ưu hóa back end sẽ phụ thuộc vào ngăn xếp công nghệ mà bạn đang sử dụng để đo các nút thắt trên máy chủ, sau đó bắt đầu tối ưu hóa

Các công cụ như New Relic có thể trợ giúp ở mặt trước này nhưng có các tuyến khác, ví dụ như nhật ký truy vấn trong MySQL, thêm thời gian vào cấu hình Apache, nhật ký, sử dụng xdebug's, profiler, v.v.

Mặt trận

1) Hình ảnh

Một trọng tâm lớn cho hiệu suất của chúng tôi là

tối ưu hóa hình ảnh.

Sử dụng các định dạng tệp thích hợp với kích thước phù hợp, Kết hợp nhiều hình ảnh thành sprite, sử dụng bản đồ hình ảnh, nhỏ

Hình ảnh nội tuyến

(

dữ liệu

: Lược đồ URL

), được sử dụng nén không mất dữ liệu cho hình ảnh, tải chậm, tải xuống dưới hình ảnh nội dung gấp.

2) Javascript

tránh và

giảm thiểu việc sử dụng chặn JavaScript

. giữ nội dung javascript kích thước nhỏ quan trọng, điều cần thiết cho lần đầu tiên. tải sau tất cả các js không cần thiết cho nội dung trên. để ngăn js bên ngoài chặn trình phân tích cú pháp, hãy sử dụng thẻ async

đặt

bảng định kiểu trong TOP

cho phép trang hiển thị dần dần.

4) Tối thiểu hóa các yêu cầu HTTP

Để giảm số lượng yêu cầu HTTP kết hợp tất cả các tệp tập lệnh nhỏ thành một tập lệnh và kết hợp tương tự tất cả CSS vào một biểu định kiểu duy nhất.

5) Sử dụng

Mạng phân phối nội dung.

6) Giảm thiểu các thành phần JavaScript và CSS và Gzip

7) Tách các thành phần trong nhiều miền để tối đa hóa tải xuống song song

8) Tránh src hình ảnh trống, giảm kích thước cookie

9) Đăng tải thẻ của bên thứ ba, phân tích, nhắm mục tiêu lại, quảng cáo, tiện ích xã hội.

10) Sử dụng số lượng tệp phông chữ tối thiểu, sử dụng CSS

Tìm kiếm

đường dẫn kết xuất quan trọng

trên google và đọc

bài viết

chạy kiểm tra hiệu suất web cơ bản

sử dụng các công cụ hiệu suất web có sẵn miễn phí như Google PageSpeed

Kiểm tra hiệu suất và tối ưu hóa trang web


Câu trả lời 2:

80 đến 90 phần trăm thời gian của người dùng cuối được dành cho giao diện người dùng. Để làm cho trang web của bạn nhanh hơn hãy thử làm theo một số biện pháp như1. Các tập lệnh Java trong trang web của bạn phải được tải sau cùng, tức là chúng phải được đặt sau tag. Điều này là do nó chặn các yêu cầu / tải xuống tệp còn lại cần thiết để hiển thị trang web của bạn.2. Tối đa hóa số lượng yêu cầu (tệp css / js / hình ảnh) càng tốt. Nói chung 4-8 tài sản (hình ảnh / js / css / phông chữ) được tải xuống song song từ cùng một miền.3. Gửi càng ít dữ liệu càng tốt bằng cách nén nó. Cũng loại bỏ các kiểu css và tệp js không cần thiết. Sử dụng các phiên bản rút gọn của tệp css và js. Đặt tất cả các yêu cầu tệp css lên trên cùng trong khu vực đầu 4. Sử dụng các sprite tức là kết hợp nhiều biểu tượng trong một hình ảnh lớn hơn vì nó làm giảm số lượng yêu cầu .5. Phổ biến tài sản của bạn qua một số tên miền. Sử dụng song song càng tốt. Sử dụng CDN nếu có thể. Ví dụ: sử dụng CDN jquery.

Tôi hy vọng điều này là hữu ích :)


Câu trả lời 3:

Trước hết, tôi khuyên bạn nên tham gia với một công ty kiểm thử phần mềm để phân tích hoàn toàn thời gian tải trang web của bạn ..

Để giảm thời gian tải, bạn nên giảm thiểu kích thước của hình ảnh, giảm thiểu css và js .. Nếu không có gì hiệu quả, hãy thử kết hợp tất cả các tệp javascript thành một.

Kiểm tra hiệu suất và tải trang web | Phần mềm Indium Hoa Kỳ


Câu trả lời 4:

Tôi sẽ tập trung câu trả lời của mình vào hình ảnh vì gần hai phần ba nội dung web được tạo thành từ chúng.

Đó là quá nhiều yếu tố để bỏ qua.

Có một vài lý do tại sao hình ảnh có thể làm chậm thời gian tải trang của bạn. May mắn thay, chúng khá dễ quản lý.

Trước tiên, bạn nên hướng đến

Thông tin chi tiết về tốc độ trang

và kiểm tra trang web của bạn để tìm hiểu xem hình ảnh của bạn có phiền hà không.

***

1.Too các tệp hình ảnh lớn có thể mất nhiều thời gian để tải

Để khắc phục điều này, hãy tìm tối ưu

kích thước hiển thị

&

giải quyết.

Quyết định về chiều rộng và chiều cao tốt để hiển thị hình ảnh trên các thiết bị người dùng cuối khác nhau như máy tính để bàn, máy tính xách tay, máy tính bảng, điện thoại thông minh.

Một màn hình máy tính xách tay 15 tiêu chuẩn có khả năng hiển thị khoảng 100 PPI (Pixels Per Inch) hoặc DPI (Dots Per Inch). Không có điểm nào trong việc phục vụ 300 hình ảnh độ phân giải DPI.

JPEG, GIF và PNG là các định dạng tệp tiêu chuẩn có thể nén hình ảnh để chiếm số lượng byte ít hơn, do đó làm giảm kích thước của tệp sẽ được tải xuống. Tuy nhiên, ba loại tệp này có thể được tối ưu hóa hơn nữa bằng cách giảm chi phí không cần thiết được lưu trữ cùng với hình ảnh dưới dạng siêu dữ liệu.

2. Tải đồng bộ HTML, CSS, JavaScript và hình ảnh

Khi trang web của bạn tải đồng bộ tất cả các HTML, CSS, JavaScript và hình ảnh cùng nhau, thời gian kết xuất ban đầu có thể rất cao.

Khắc phục điều này bằng cách trì hoãn tải hình ảnh. Tải chúng không đồng bộ sau khi CSS và HTML cần thiết được hiển thị. Các hình ảnh có thể được đặt dưới màn hình đầu tiên và được tải một cách có điều kiện bằng cách sử dụng JavaScript khi khách truy cập cuộn xuống phần có liên quan của trang.

3.

Quá nhiều hình ảnh và yêu cầu HTTP

Quá nhiều hình ảnh trong trang web không chỉ làm tăng kích thước tải mà còn có thể làm nghẹt kết nối đến máy chủ bằng cách gửi nhiều hơn các yêu cầu HTTP được phép.

Có một vài giải pháp cho vấn đề này, bao gồm giảm số lượng hình ảnh, sử dụng CDN và nâng cấp máy chủ của bạn.

***

Nếu bạn không thể giảm số lượng hình ảnh hoặc bạn đã thử mọi cách mà không thỏa mãn kết quả, hãy đến bài đăng này

cho một vài kỹ thuật sẽ giúp bạn đi!


Câu trả lời 5:

Thủ phạm thông thường của các trang chậm là gì?

Hình ảnh cồng kềnh và mã kém được coi là yếu tố chính, gây ra vấn đề.

  • Hình ảnh lớn thường là lý do chính cho việc tải các trang web chậm. Đó là lý do tại sao không tối ưu hóa hình ảnh trang web, bạn có nguy cơ khiến các trang chiếm nhiều megabyte dung lượng.
  • Bên cạnh đó, chủ đề và các tệp lớn ngoài nó cũng có thể làm mọi thứ chậm lại.
  • Hosting có thể là lý do làm mất tốc độ tải.
  • Các plugin, ứng dụng, widget, trên thực tế, bất kỳ tập lệnh của bên thứ ba nào cũng có thể làm chậm trang web.
  • Chuyển hướng là đáng nói cũng như JavaScript, là điểm quan trọng để xem xét.

Tất cả các yếu tố này có thể ảnh hưởng đến tốc độ trang web cùng nhau hoặc độc lập, đó là lý do cần thiết phải biết các công cụ, sử dụng để phân tích và các số liệu cần chú ý. Không kém phần quan trọng là những cách và phương tiện để cải thiện hiệu suất trang web của bạn.

Nguồn: LoadStorm

Bây giờ chúng ta hãy giải quyết các cách áp dụng để cải thiện hiệu suất trang web của bạn trên cả máy tính và thiết bị di động.

1. Áp dụng tối thiểu hóa

Bạn có thể nâng cao đáng kể điểm số google của mình để giảm thiểu không gian mà mã hóa HTML của bạn chiếm. Quá trình thu nhỏ giúp ở đây rất nhiều thông qua việc sửa chữa và loại bỏ dữ liệu không cần thiết hoặc trùng lặp. Mặc dù nó có thể liên quan đến việc thay đổi mã, định dạng, rút ​​ngắn hoặc loại bỏ khi cần thiết, nhưng người ta không cần phải là một thiên tài phát triển để nhận ra điều này. Có các tùy chọn plugin WP đáng chú ý và các công cụ cho mục đích này,

Giảm thiểu

là một trong số họ.

2. Tối ưu hóa thời gian tải hình ảnh trang web

Người dùng không thích vòng tròn đó quay trong khi hình ảnh đang tải, vì vậy khách truy cập thất vọng có thể sẽ biến mất. Để tránh điều này, chọn định dạng phù hợp hoặc nén hình ảnh trang web. Có rất nhiều công cụ, plugin WP Smush Image hoặc ứng dụng web Squoosh, chỉ để đặt tên cho một số.

Mặt khác, điều cần thiết là đảm bảo hình ảnh không quá nhỏ, không chính xác hoặc bị pixel, chúng có thể làm hỏng tính chuyên nghiệp hoặc độ tin cậy của bạn. Vì vậy, hãy kiểm tra các kích cỡ hình ảnh khác nhau trên tất cả các màn hình để kiểm tra xem mọi thứ có được hiển thị đúng không.

3. Thực hiện AMP

Trang di động được tăng tốc là tùy chọn để cung cấp cho trang web của bạn tốc độ cực nhanh trên thiết bị di động. Chúng là lựa chọn thay thế cho các trang web thông thường với thông tin cần thiết nhất được loại bỏ. Là phiên bản đơn giản hóa của trang web gốc, AMP không có nhiều định dạng. Hơn thế nữa, nhiều bài viết có thể được truy cập mà không cần rời khỏi một trang hoặc nhấp vào nút quay lại.

«AMP cho WP»

là công cụ đơn giản nhất để chế tạo thân thiện với AMP

nội dung

cho phép kéo và thả các yếu tố trang trên.

4. Tải trang web vào bộ nhớ cache

Với một nỗ lực hợp lý nhỏ, bạn có thể đạt được tác động tốt đến tốc độ trang thông qua bộ nhớ đệm trình duyệt.

Mỗi khi người dùng truy cập trang web của bạn, mọi yếu tố hình ảnh và trang cần được tải, sau đó HTML và mã hóa theo sau. Các quy trình này lặp lại mỗi khi trang web được xem qua, nhưng bộ nhớ đệm của trình duyệt có thể giúp tài nguyên không tải lại mỗi lần truy cập của người dùng. Các yếu tố đã được tải trước đó, ví dụ, logo, chân trang, v.v ... chỉ được thu hồi. Theo quy định, sự gia tăng lớn về tốc độ tải trang web được quan sát thấy khi thực hiện rút tiền mặt. Đối với các trang web trên WordPress, bạn có thể dùng thử plugin W3 Total Cache và tận hưởng kết quả.

5. Giải quyết lỗi 404

Các lỗi 404 không chỉ làm người dùng trang web thất vọng mà còn chiếm dung lượng, có thể được sử dụng cho nội dung và làm chậm trang web.

Xóa các trang như vậy hoặc tạo chuyển hướng đến các phần trang khác sẽ giúp bạn tiết kiệm tốc độ và lưu lượng truy cập quý giá.


Câu trả lời 6:

Tôi đã phải làm việc trên một số trang web trong đó hiệu suất là một vấn đề và những trang khác có kích thước phản hồi rất lớn. Thay vì chỉ lặp lại một số gợi ý rõ ràng hơn từ các câu trả lời dưới đây hoặc những gợi ý được tìm thấy

đây

, đây là một số cách ít phổ biến hơn mà tôi đã tìm thấy:

Giảm kích thước trang (những điều này cũng sẽ làm giảm thời gian tải trang)

  • Sử dụng quy tắc đánh dấu HTML hợp lệ để cắt đánh dấu không cần thiết. Chúng bao gồm cắt các thẻ tùy chọn và không bao gồm các trích dẫn thuộc tính không cần thiết (đối với tài liệu W3C bấm vào đây). Điều này đặc biệt hữu ích nếu bạn có các bảng lớn hoặc menu thả xuống.
  • Nếu sử dụng một công cụ tạo khuôn mẫu như Smarty, hãy đảm bảo loại bỏ các khoảng trắng khỏi các vòng lặp foreach (vâng, các khoảng trắng có thể đọc được của các khoảng trắng này được bao gồm trong đầu ra phản hồi)
  • Kiểm tra tất cả các thẻ tiêu đề của bạn để đảm bảo chúng ngắn gọn nhất có thể.
  • Nếu thẻ của bạn không cần id, đừng bao gồm nó - hãy đặt kiểu bằng cách sử dụng các tổ hợp nếu có thể (ví dụ: div> p thay vì cho con một id).
  • Nếu tuyệt vọng, hãy rút ngắn tên lớp / id cho các hàng hoặc ô của các bảng rất lớn.

Giảm thời gian tải trang

  • Hãy chắc chắn rằng tất cả các truy vấn phụ trợ của bạn được tối ưu hóa nhất có thể. Điều này bao gồm thêm các chỉ mục vào các truy vấn và chỉ lấy ra lượng dữ liệu cần thiết tối thiểu (ví dụ: KHÔNG CHỌN * trừ khi bạn cần). Điều này sẽ giảm thời gian đến Byte đầu tiên.
  • Sử dụng các kỹ thuật tải lười biếng để tránh tải các tệp .js và .css cho đến khi thật cần thiết.
  • Thay thế hình ảnh bằng GlyphIcons hoặc FontAwgie bất cứ khi nào có thể.
  • Đảm bảo ngay cả các loại tệp được lưu trong bộ nhớ cache (thông qua .htaccess hoặc CDN) (chẳng hạn như .woff và .eot) được lưu trong bộ nhớ cache.
  • Sử dụng một công cụ như CSSBurner để tìm đánh dấu dự phòng và nếu không cần thiết trong CSS của bạn để giảm thời gian tải .css.
  • Sử dụng Javascript thuần thay cho jQuery / AngularJS, v.v ... bất cứ khi nào có thể - Javascript nhanh hơn nhiều. Lưu ý rằng, nói chung, các hiệu ứng sẽ thực sự chỉ có ý nghĩa đối với số lượng lớn các lần lặp.

Câu trả lời 7:

Một trong những yếu tố quan trọng mà người ta có thể giảm thời gian tải của trang web là làm cho nó được tối ưu hóa. Một trang web được tối ưu hóa sẽ không chỉ được chứng minh là một trang web đáp ứng mà còn giảm thời gian tải của các máy chủ lưu trữ web. Tối ưu hóa trang web được tập trung không chỉ cho những người đang xem trang trên một làn đường hẹp mà nó còn rất quan trọng đối với những người yêu cầu hiển thị trang web của họ để có mạng kết nối nhanh hơn.

Người ta phải chọn một máy chủ web tốt để có hiệu suất tối đa của trang web của họ. Có hàng trăm nhà cung cấp dịch vụ lưu trữ trang web, do đó người ta phải chọn máy chủ web một cách thận trọng và nghiên cứu tối đa.

HIỆU SUẤT TỐI ĐA VỚI MÁY CHỦ VPS HOSTINGRAJA

Có một vài cách quan trọng để bạn có thể giảm thời gian tải trang web.

Thay đổi kích thước và tối ưu hóa hình ảnh

Tối ưu hóa hình ảnh là một trong những cách dễ nhất để bạn có thể giảm kích thước của trang web cũng như thời gian tải. Hình ảnh của trang web tiêu tốn rất nhiều băng thông sẽ ảnh hưởng đến thời gian tải trang web. Ở đây, việc thay đổi kích thước của trang web và hình ảnh trong HTML không phải là giải pháp duy nhất vì nó sẽ không thay đổi kích thước của hình ảnh. Có một số công cụ bên ngoài mà bạn có thể thay đổi kích thước hình ảnh. Bạn cũng sẽ có thể sử dụng tối ưu hóa hình ảnh sẽ làm giảm kích thước mà không làm giảm chất lượng của hình ảnh.

Sử dụng CDN để tối ưu hóa trang web

Khi có một CDN được sử dụng cho trang web thì điều đó có nghĩa là trang web của bạn đang được lan truyền trên số lượng máy chủ khác nhau được đặt tại các khu vực khác nhau trên thế giới. Khi một yêu cầu được đưa ra để xem trang web thì họ sẽ nhận được dữ liệu từ các máy chủ ở vị trí gần nhất. Có nhiều máy chủ lớn đang thực thi CDN bằng cách đảm bảo rằng trang web đang hoạt động tốt hơn và nhanh hơn nhiều.

Bằng cách tránh các Video trong trang Web

Có một số tệp video đôi khi có kích thước rất lớn. Ở đây tải video lên trang web là một nhiệm vụ bận rộn. Tốt hơn hết là không sử dụng video tự lưu trữ cho trang web, thay vào đó bạn có thể sử dụng các trang web video của bên thứ ba như youtube trên trang web của mình.

Bằng cách chuyển đổi các Plugin khi không sử dụng

Nếu bạn đang sử dụng nhiều plugin cho một trang web thì có khả năng làm cho trang web rất chậm. Cách tốt nhất là xóa hoặc hủy kích hoạt các plugin không sử dụng.