- Paint Timing API (API Thời gian sơn) cho phép bạn đo lường thời gian để hiển thị đầu tiên và thời gian để hiển thị nội dung đầu tiên bằng AP Timings.
font-displaycho phép bạn kiểm soát cách phông chữ hiển thị trước khi tải xuống.- WebAssembly đã ra mắt
- Và nhiều tính năng khác!
Bạn muốn xem toàn bộ danh sách 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 kỹ và xem có gì mới dành cho nhà phát triển trong Chrome 60!
API 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 trực quan để đảm bảo rằng mọi thứ đang hoạt độ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 thể hiện 2 chỉ số:
- Thời gian vẽ lần đầu – đánh dấu thời điểm trình duyệt bắt đầu hiển thị 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ị nội dung đầu tiên từ DOM, văn bản, hình ảnh, v.v.
Hãy xem phần Cách sử 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 và 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 cho phép bạn kết hợp nhiều kiểu chữ. Tuy nhiên, nếu người dùng chưa có kiểu chữ thì cần tải xuống, việc này có thể khiến trang web của bạn xuất hiện chậm.
Rất may là hầu hết các trình duyệt sẽ sử dụng tính năng dự phòng nếu phông chữ này 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
một phông chữ có thể tải xuống hiển thị trước khi được 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.blockcung cấp cho mặt phông chữ một khoảng thời gian khối ngắn và khoảng thời gian hoán đổi vô hạn.swapcung cấp cho mặt phông chữ một khoảng thời gian khối 0 giây và khoảng thời gian hoán đổi vô hạn.fallbackcung cấp cho mặt phông chữ một khoảng thời gian khối cực nhỏ và khoảng thời gian hoán đổi ngắn.optionalcung cấp cho mặt phông chữ một khoảng thời gian khối rất nhỏ và khoảng thời gian hoán đổi 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 Assembly 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 bằng tốc độ gốc.
Thư viện này cung cấp tốc độ cần thiết để xây dựng 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 hiện có dựa trên tiêu chuẩn.
Bạn có thể tìm thêm thông tin tại webassembly.org, bao gồm cả các bản minh hoạ, tài liệu và cách bắt đầu.
Và nhiều kiến thức 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 có giới hạn để kích hoạt công việc trong nền, chẳng hạn như đồng bộ hoá dữ liệu hoặc loại bỏ thông báo mà không cần hiển thị thông báo hiển thị cho người dùng.
- Hiện đã có
PushSubscription.expirationTime, thông báo cho các trang web về thời điểm và việc gói thuê bao sẽ hết hạn. - Hiện chúng tôi đã hỗ trợ các thuộc tính phần còn lại và trải rộng đối tượng, giúp việc hợp nhất và sao chép đối tượng nông trở nên đơn giản hơn, đồng thời triển khai nhiều mẫu đối tượng không thể thay đổi.
Lưu ý: API Yêu cầu thanh toán đã được đẩy 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. Bạn sẽ nhận được thông báo qua email bất cứ khi nào 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 tại đây để cho bạn biết -- những điểm mới trong Chrome!