- Paint Timing API cho phép bạn đo lường thời gian để vẽ đầu tiên và thời gian để vẽ nội dung đầu tiên bằng AP thời gian vẽ.
font-displaycho phép bạn kiểm soát cách phông chữ được hiển thị trước khi tải xuống.- WebAssembly đã ra mắt
- Và nhiều lợi ích khác!
Bạn muốn xem danh sách đầy đủ các thay đổi? Hãy xem danh sách thay đổi kho lưu trữ nguồn Chromium
Tôi là Pete LePage. Hãy cùng tìm hiểu có gì mới dành cho nhà phát triển trong Chrome 60!
API Xác định thời gian vẽ
Khi người dùng truy cập vào một trang web, họ sẽ tìm kiếm một số phản hồi bằng hình ảnh để yên tâm rằng mọi thứ đều hoạt động bình thường. Với API thời gian vẽ mới, giờ đây, chúng ta có thể đo lường điều đó.
API này cho thấy 2 chỉ số:
- Thời gian để vẽ đầu tiên – đánh dấu thời điểm trình duyệt bắt đầu kết xuất nội dung nào đó, bit nội dung đầu tiên trên màn hình.
- Thời gian để hiển thị nội dung đầu tiên – đánh dấu thời điểm trình duyệt hiển thị bit nội dung đầu tiên từ DOM, văn bản, hình ảnh, v.v.
Hãy xem phần Tận dụng các chỉ số hiệu suất ảnh hưởng nhiều nhất đến trải nghiệm người dùng để tìm hiểu cách theo dõi cũng như sử dụng các chỉ số này để cải thiện trải nghiệm của bạn.
Thuộc tính CSS font-display
Phông chữ trên web giúp bạn kết hợp các kiểu chữ phong phú. Tuy nhiên, nếu người dùng chưa có kiểu chữ, họ cần tải xuống kiểu chữ đó. Điều này có thể làm cho trang web của bạn hiển thị chậm.
Rất may là hầu hết trình duyệt sẽ sử dụng tính năng dự phòng nếu phông chữ mất quá nhiều thời gian để tải xuống. Thuộc tính font-display mới cho phép bạn kiểm soát cách phông chữ có thể tải xuống hiển thị trước khi tải đầy đủ.
autosử dụng bất kỳ chiến lược hiển thị phông chữ nào mà tác nhân người dùng sử dụng.blockcho phông chữ có khoảng thời gian khối ngắn và khoảng thời gian hoán đổi vô hạn.swapcho phông chữ có khoảng thời gian khối 0 giây và khoảng thời gian hoán đổi vô hạn.fallbacktạo ra một khoảng thời gian khối rất nhỏ và khoảng thời gian hoán đổi ngắn cho mặt phông chữ.optionaltạo ra một khoảng thời gian khối rất nhỏ cho mặt phông chữ và thời gian hoán đổi bằng 0 giây.
Tính năng này được hỗ trợ trong Chrome 60 và Opera, đồng thời đang được phát triển trên Firefox.
Hãy xem phần Kiểm soát hiệu suất phông chữ bằng font-display để biết thêm thông tin.
WebAssembly
Web hội hay wasm cung cấp một cách mới để chạy mã, được viết bằng các ngôn ngữ như C và C++ trên web, với tốc độ gần như gốc.
Thư viện này cung cấp tốc độ cần thiết để tạo trình chỉnh sửa video trong trình duyệt hoặc chạy trò chơi Unity ở tốc độ khung hình cao bằng các API nền tảng web dựa trên các tiêu chuẩn hiện có.
Bạn có thể tìm thêm thông tin tại webassembly.org, bao gồm các bản minh hoạ, tài liệu và cách bắt đầu.
Và nhiều tính năng khác!
- API Ngân sách web mới cho phép các trang web có quyền Thông báo đẩy gửi một số lượng thông báo đẩy giới hạn để kích hoạt các tác vụ trong nền như đồng bộ hoá dữ liệu hoặc đóng thông báo mà không cần hiển thị thông báo hiển thị cho người dùng.
PushSubscription.expirationTimehiện đã có sẵn để thông báo cho các trang web khi nào và liệu gói thuê bao có hết hạn hay không.- Hiện chúng tôi đã hỗ trợ các thuộc tính còn lại và trải rộng đối tượng, giúp bạn dễ dàng hợp nhất các đối tượng sao chép và triển khai các mẫu đối tượng bất biến.
Lưu ý: API yêu cầu thanh toán đã được chuyển lên Chrome 61.
Đây chỉ là một vài thay đổi trong Chrome 60 dành cho nhà phát triển.
Sau đó, hãy đăng ký kênh YouTube của chúng tôi để nhận thông báo qua email mỗi khi chúng tôi ra mắt video mới.
Tôi là Pete LePage và ngay sau khi Chrome 61 được phát hành, tôi sẽ có mặt ngay tại đây để cho bạn biết -- tính năng mới trong Chrome!