Vẫn được khuyến nghị để nội tuyến trên CSS gấp với việc áp dụng http / 2?

8

Bây giờ tôi đã theo dõi đề xuất của Google tại đây ( https://developers.google.com/speed/docs/insights/OptizesCSSDelivery ) để xác định nội tuyến trên CSS gấp để có thời gian tải nhanh hơn. Tôi đã tự hỏi, điều này có còn cần thiết với việc áp dụng http2 ngày càng cao hơn không? Lý do của tôi là cách tôi hiểu nó http2 cho phép các yêu cầu song song trên một kết nối để CSS có thể bắt đầu tải xuống ngay lập tức? Ai đó làm ơn sửa cho tôi nếu sự hiểu biết của tôi về cách http2 hoạt động là sai ...

https

— jetyet47
nguồn

2

Bạn đã đúng về nhu cầu không còn CSS nội tuyến với việc áp dụng HTTP / 2. Như một vấn đề thực tế, HTTP / 2 thực tiễn tốt nhất cho thấy điều ngược lại với nội tuyến. Câu hỏi đặt ra cho bạn và bất kỳ độc giả nào của bài đăng này là, khi nào là thời điểm thích hợp để thực hiện chuyển đổi này?

Thay đổi từ nội tuyến sang không còn nội tuyến (và điều tương tự cũng đúng với các họa tiết hình ảnh) thực sự chỉ nên được thực hiện sau khi đánh giá cẩn thận khả năng trình duyệt / ứng dụng khách của người dùng của bạn để chấp nhận HTTP / 2. Sử dụng phân tích để thông báo quyết định của bạn sẽ đưa ra phỏng đoán nếu điều này xảy ra.

Theo thời gian, tôi sẽ không ngạc nhiên khi thấy các sửa đổi cho apache, mod_pagespeed, nginx, biến mất và những người khác chỉ tự động nội tuyến cho HTTP / 1 máy khách / trình duyệt. Vì vậy, hãy theo dõi các bản cập nhật phiên bản cho các máy chủ web lớn để giúp tự động hóa thay đổi này.

Để biết thêm thông tin về HTTP / 2, tôi rất khuyến nghị podcast của changelog.com về HTTP / 2 với Ilya Grigorieva, kiến trúc sư chính đằng sau những nỗ lực http / 2 của Google: nghe cuộc phỏng vấn tại đây

— John Mark Mitchell
nguồn

1

Ý tưởng đằng sau nội tuyến cho phần trên vẫn là một ý tưởng hay vì các yêu cầu cho CSS vẫn mất cùng thời gian và các trang vẫn bị chặn trong khi tệp CSS đang được tải xuống. HTTP / 2 không tăng tốc độ tải xuống. Nó cho phép tải xuống đồng thời. Bằng cách này, hình ảnh và các tệp khác không bị ràng buộc chờ xếp hàng, nhưng một lần nữa, chỉ mất nhiều thời gian để tải xuống và thực thi hoặc cài đặt chúng như trước HTTP / 2.

— Cướp
nguồn

Giả sử bạn có một trang với một tệp css và một hình ảnh. Hình ảnh có kích thước tệp lớn hơn css. Nếu chúng được tải xuống đồng thời, sẽ không có vấn đề gì nếu css được nội tuyến hay không bởi vì thời gian tải xuống sẽ mất chừng nào tài nguyên dài nhất, trong trường hợp này là hình ảnh?

— jetyet47

@ jetyet47 Quan điểm của tôi là OP nghĩ rằng HTTP / 2 tăng tốc tải xuống. Nó không. Lưu ý rằng CSS chặn lớp sơn đầu tiên cho đến khi được tải xuống và mô hình đối tượng CSS được tạo.

— Cướp