Các mẫu giao diện
Tạo hệ thống màu thích ứng để dễ dàng phối hợp lựa chọn ưu tiên của người dùng về những thứ như sáng hoặc tối.
- Tổng thời gian chặn (TBT)
- Những cách hiệu quả nhất để cải thiện Chỉ số quan trọng chính của trang web
- Bắt đầu đo lường Các chỉ số quan trọng về trang web
- Web Vitals
- So sánh khả năng của LLM với tính năng tóm tắt
- Cách xác định ngưỡng của các chỉ số trong Core Web Vitals
- Quy trình làm việc của Các chỉ số quan trọng về trang web thông qua các công cụ của Google
- Tối ưu hoá thời gian hiển thị nội dung lớn nhất
- Chẩn đoán thủ công các tương tác chậm trong phòng thí nghiệm
- Đường cơ sở
- Bộ nhớ đệm cho thao tác tiến/lùi
- First Input Delay (FID)
- Hiệu suất gỡ lỗi trong trường
- Cải thiện hiệu suất và trải nghiệm người dùng cho AI phía máy khách
- Liên kết các chỉ số quan trọng về trang web và doanh thu từ quảng cáo bằng các công cụ của Google
- Đo điểm chuẩn hiệu suất của @property CSS
- Đã đến lúc tải từng phần các iframe ngoài màn hình!
- Bộ nhớ dành cho web
- Giao thức đẩy web
- Xây dựng nhiều Ứng dụng web tiến bộ trên cùng một miền
- Cần tiêu chí gì để có thể cài đặt ứng dụng?
- Cách Chrome xử lý bản cập nhật cho tệp kê khai ứng dụng web
- Điều gì tạo nên ứng dụng web tiến bộ hiệu quả?
- Thêm tệp kê khai ứng dụng web
- Giảm thiểu tập lệnh trên nhiều trang web (XSS) bằng một Chính sách bảo mật nội dung (CSP) nghiêm ngặt
- Truy cập vào thiết bị phần cứng trên web
- Cho phép sử dụng lại khoá truy cập trên các trang web có Yêu cầu nguồn có liên quan
- Tải từng phần hình ảnh ở cấp trình duyệt dành cho web
- Chọn định dạng hình ảnh phù hợp
- Chỉ số tuỳ chỉnh
- Đo lường và gỡ lỗi hiệu suất bằng Google Analytics 4 và BigQuery
- Các phương pháp hay nhất về quyền trên web
- Các phương pháp hay nhất cho thông báo về cookie
- Tuỳ chỉnh thông báo về nội dung nghe nhìn và bộ điều khiển chế độ phát bằng Media Session API
- Tìm các hoạt động tương tác chậm trong trường
- Sử dụng chỉ mục thẻ
- Thời gian cho byte đầu tiên (TTFB)
- Kỹ thuật câu lệnh thực tế cho các LLM nhỏ hơn
- Tối ưu hoá các thao tác dài
- Tối ưu hoá thời gian cho byte đầu tiên
- Tương tác với thời gian hiển thị tiếp theo (INP)
- Các màu phụ thuộc CSS color-lược đồ với Light-dark()
- Các mẫu hiệu suất WebAssembly cho ứng dụng web
- Bố cục lưới dạng ảnh động CSS
- Chơi trò chơi khủng long trên Chrome bằng tay điều khiển trò chơi
- Thuộc tính inert
- Đạo đức và trí tuệ nhân tạo
- Nâng cấp tính năng tìm kiếm trên trang web: Đưa ra câu trả lời theo ngữ cảnh bằng AI tạo sinh
- Xin giới thiệu Nhóm Web.dev AI
- Trí tuệ nhân tạo là gì?
- Xác định trình cung cấp khoá truy cập bằng AAGUID
- Biên dịch và tối ưu hoá Wasm bằng Binaryen
- Thành phần web <model-viewer>
- Ghi âm và quay video ở định dạng HTML5
- Tìm hiểu chuyên sâu về userVerify
- Tại sao dữ liệu CrUX lại khác với dữ liệu CLS (Đạo luật về quyền riêng tư của người tiêu dùng)?
- Hỗ trợ tiếp cận dành cho nhà phát triển web
- Largest Contentful Paint (LCP)
- Tải JavaScript của bên thứ ba
- Ngăn tạo khoá truy cập mới nếu đã có khoá truy cập
- Làm việc với IndexedDB
- 5 đoạn mã CSS mà mọi nhà phát triển giao diện người dùng cần biết trong năm 2024
- Một URL gồm những phần nào?
- Tìm hiểu chuyên sâu về thông tin xác thực có thể phát hiện
- Hiệu suất hiển thị
- ResizeObserver: giống như document.onresize cho các phần tử
- Tối ưu hoá việc mã hoá và kích thước chuyển của thành phần dựa trên văn bản
- Tải trước mô-đun
- OffscreenCanvas – tăng tốc các hoạt động canvas của bạn bằng một trình thực thi web
- First Contentful Paint (FCP)
- Mạng phân phối nội dung (CDN)
- Điều gì tạo nên trải nghiệm đăng xuất tốt?
- Thời điểm tương tác (TTI)
- Tối ưu hoá việc tải tài nguyên nhờ API ưu tiên tìm nạp
- Các lớp giả lập :user- valid và :user-invalid
- Tối ưu hoá Các chỉ số quan trọng về trang web cho những người ra quyết định kinh doanh
- Các sắc thái của chuỗi mã hoá base64 trong JavaScript
- Lưới con CSS
- Tải quảng cáo hiệu quả mà không ảnh hưởng đến tốc độ trang
- 4 loại phạm vi phổ biến của mã
- Để thử nghiệm hay không thử nghiệm, từ góc độ kỹ thuật
- Xác định các trường hợp kiểm thử và mức độ ưu tiên
- Các chỉ số hiệu suất tập trung vào người dùng
- Tải trước hình ảnh thích ứng
- Điều chỉnh kiểu chữ theo sở thích của người dùng bằng CSS
- Kim tự tháp hay Cua? Tìm chiến lược thử nghiệm phù hợp
- 3 loại hình tự động thử nghiệm phổ biến
- Loại bỏ hoạt động tải xuống không cần thiết
- WebAssembly là gì và đến từ đâu?
- Biên dịch mkbitmap thành WebAssembly
- Hệ thống tệp riêng tư gốc
- Lưu trữ an toàn dữ liệu người dùng trong các ứng dụng web hiện đại
- Triển khai AVIF cho nhiều trang web thích ứng hơn
- Tối ưu hoá tương tác cho thời gian hiển thị tiếp theo
- Các tính năng cơ bản bạn có thể dùng ngay hôm nay
- Hiển thị HTML và tính tương tác phía máy khách
- Đánh giá tập lệnh và các tác vụ dài
- Tối ưu hoá độ trễ khi nhập
- Kích thước DOM lớn ảnh hưởng đến khả năng tương tác và việc bạn có thể làm
- Sử dụng tiện ích Các chỉ số quan trọng về trang web để khắc phục vấn đề về Các chỉ số quan trọng về trang web
- Tối ưu hoá điểm số tổng hợp về mức thay đổi bố cục
- Cumulative Layout Shift (CLS)
- Xây dựng trải nghiệm WordPress trong trình duyệt với WordPress Playground và WebAssembly
- Chức năng mới dành cho nhà phát triển — WebAssembly cung cấp cho bạn
- Bản đồ nguồn là gì?
- PWA trong cửa hàng ứng dụng
- 6 đoạn mã CSS mà mọi nhà phát triển giao diện người dùng nên biết vào năm 2023
- Hàm lượng giác trong CSS
- Thực hiện hiệu quả các thao tác trên mỗi khung hình video trên video bằng requestVideoFrameCallback()
- Cộng đồng GDE nổi bật: Lars Knudsen
- Các mẫu mới cho ứng dụng đa phương tiện
- Mẹo CSS nhanh chóng! Văn bản chuyển màu động
- Đang xây dựng Chrometober!
- Xây dựng thành phần chú giải công cụ
- Tạo khoá truy cập cho hoạt động đăng nhập không cần mật khẩu
- Đăng nhập bằng khoá truy cập thông qua tính năng tự động điền biểu mẫu
- Xây dựng thành phần nút hành động nổi (FAB)
- Các phương pháp hay nhất về phông chữ
- Kiểm thử độ tương phản màu trong thiết kế web
- Cộng đồng GDE nổi bật: Alba Silvente Fuentes
- Mẹo CSS nhanh chóng! Trình tải ảnh động
- Xây dựng bảng điều hướng chính cho trang web
- Có phải là :method không?
- Tạo ảo ảnh lưới cong
- Các phương pháp hay nhất dành cho thẻ và trình quản lý thẻ
- Kiểu danh sách mẫu quảng cáo
- Cách Nordhealth sử dụng Thuộc tính tuỳ chỉnh trong Thành phần web
- Kiểm soát chặt chẽ các phép biến đổi CSS bằng các thuộc tính biến đổi riêng lẻ
- Ảnh động đường viền CSS
- Cách BBC triển khai HSTS để cải thiện hiệu suất và khả năng bảo mật.
- Tại sao dữ liệu thực tế và phòng thí nghiệm có thể khác nhau (và cần làm gì với chúng)
- Tình huống đôi bên cùng có lợi
- Kết thúc Internet Explorer
- Tạm biệt HTML5Rocks
- Công thức làm bánh quy của bên thứ nhất
- Đồng bộ hoá âm thanh và video phát trên web
- Sử dụng hiệu ứng chuyển màu dạng hình nón để tạo đường viền thú vị
- Sự khác biệt giữa thư viện và khung JavaScript
- Triển khai khả năng xử lý lỗi khi sử dụng Fetch API
- Chọn một thư viện hoặc khung JavaScript
- Hướng dẫn dành cho nhà phát triển giao diện người dùng về thiết bị đầu cuối
- API cho phông chữ web đẹp và nhanh
- GOV.UK bỏ jQuery khỏi giao diện người dùng của họ.
- Tạo thành phần nút
- Không chống lại trình duyệt tải trước trình quét
- Các phương pháp hay nhất để đo lường Các chỉ số quan trọng về trang web tại hiện trường
- Thu hẹp khoảng cách
- Tìm được sự can đảm và nguồn cảm hứng trong cộng đồng nhà phát triển
- Phông chữ có thể thay đổi trong đời thực
- Nhanh chóng tạo các hiệu ứng chuyển màu CSS đẹp mắt bằng CSS Gradient Creator
- Tìm hiểu sâu những vấn đề mà nhà phát triển web hàng đầu chưa hài lòng
- Làm cho hình ảnh trang web của bạn trở nên hoàn hảo bằng images.tooling.report
- Phạm vi biến toàn cục và biến cục bộ
- Xây dựng thành phần hộp thoại
- Gỡ lỗi phát nội dung đa phương tiện trên web
- Bài đăng nổi bật của cộng đồng GDE: Nishu Goel
- Ảnh hưởng của việc tải từng phần quá nhiều đến hiệu suất
- Xây dựng thành phần thanh tải
- Lưu thông tin xác thực từ Biểu mẫu
- Chrome và Firefox sắp đạt đến phiên bản lớn 100
- Tạo biểu tượng trang web thích ứng
- Vẽ lên canvas trong Emscripten
- Cải thiện tính bảo mật và quyền riêng tư bằng cách cập nhật Bộ nhớ đệm HTTP
- Các phần tử HTML bổ sung
- Chuyển các ứng dụng USB sang web. Phần 2: gPhoto2
- Ghi nhật ký lỗi mạng (NEL)
- Phát hiện tính năng WebAssembly
- Chuyển các ứng dụng USB sang web. Phần 1: libusb
- Xây dựng thành phần chuyển đổi giao diện
- Nhúng đoạn mã JavaScript trong C++ bằng Emscripten
- PWA trên Oculus Nhiệm vụ 2
- Tầng thiết kế công trình
- Máy tính Designcember
- Sao chép sâu trong JavaScript bằng cấu trúcClone
- Tạo thành phần thông báo ngắn
- Quỹ giao diện người dùng
- Xây dựng thành phần trình đơn trò chơi 3D
- Mọi thông tin được công bố tại Hội nghị Nhà phát triển Chrome 2021
- Có gì mới trong PageSpeed Insights
- Hướng tới chỉ số độ mượt của ảnh động
- Luồng người dùng bằng Lighthouse
- Hành trình đến với web của Photoshop
- Xây dựng thành phần chọn nhiều mục
- Cách đánh giá hiệu suất tải trong trường bằng Thời gian điều hướng và Thời gian tài nguyên
- Thao tác DOM an toàn bằng Sanitizer API
- Các phương pháp hay nhất để sử dụng nội dung nhúng của bên thứ ba
- Ảnh hưởng của cấu trúc SPA đến Các chỉ số quan trọng về trang web
- Tìm hiểu chuyên sâu về sự kiện JavaScript
- Nhóm các tài nguyên không phải JavaScript
- Xây dựng thành phần nút phân tách
- Sử dụng Tập lệnh mô-đun CSS để nhập biểu định kiểu
- Màu nhấn CSS
- Xây dựng thành phần chuyển đổi
- Lựa chọn ưu tiên về nội dung đa phương tiện của người dùng có tiêu đề gợi ý của ứng dụng
- Xây dựng thành phần breadcrumb (tập hợp liên kết phân cấp)
- Sử dụng luồng WebAssembly từ C, C++ và Rust
- PWA có phát trực tuyến ngoại tuyến
- Mã hoá nội dung nghe nhìn
- Khung nội dung truyền thông
- Thông tin cơ bản về phát trực tuyến nội dung nghe nhìn
- Tìm hiểu thông tin về dữ liệu trường trong bản cập nhật tiện ích Các chỉ số quan trọng về trang web
- Xây dựng bảng phối màu
- Điều chỉnh kích thước CSS cho @font-face
- Sử dụng AVIF để nén hình ảnh trên trang web
- CSS cho Các chỉ số quan trọng về trang web
- Phát triển điểm số tổng hợp về mức thay đổi bố cục trong công cụ web
- Bộ chọn lớp giả hàm mới của CSS :is() và :where()
- Hiện đã có chương trình đào tạo mới về Ứng dụng web tiến bộ
- Di chuyển sang nội dung gợi ý của ứng dụng tác nhân người dùng
- Tài liệu tham khảo nhanh về tiêu đề bảo mật
- Exalidraw và Fugu: Cải thiện hành trình cốt lõi của người dùng
- Mô-đun ES trong trình chạy dịch vụ
- Xây dựng thành phần của trình cuộn nội dung nghe nhìn
- Tối ưu hoá Các chỉ số quan trọng về trang web bằng Lighthouse
- Sử dụng API web không đồng bộ từ WebAssembly
- Tuỳ chỉnh lớp phủ điều khiển cửa sổ của thanh tiêu đề PWA của bạn
- Luôn kiểm soát các tập lệnh của bên thứ ba
- Phá bỏ rào cản bằng cách sử dụng DataTransfer API
- Điền biểu mẫu OTP trong iframe nhiều nguồn gốc bằng API WebOTP
- Tạo ảnh động chia tách văn bản
- Sự hài lòng của nhà phát triển web
- Xây dựng thành phần Cài đặt
- Gỡ lỗi thay đổi bố cục
- JavaScript: Ý nghĩa của từ này là gì?
- Áp dụng nguyên tắc lập trình ứng dụng nhỏ cho một dự án mẫu
- Lập trình theo cách của ứng dụng nhỏ
- H5 và QuickApp là gì?
- Kết thúc suy nghĩ về các ứng dụng nhỏ của một nhà phát triển web
- Thành phần của ứng dụng nhỏ
- Dự án nguồn mở của ứng dụng nhỏ
- Đánh dấu, định kiểu, viết tập lệnh và cập nhật ứng dụng nhỏ
- Cấu trúc, vòng đời và gói dự án
- Luồng — Hướng dẫn chính thức
- Xây dựng thành phần Thẻ
- Hướng dẫn bật tính năng tách biệt nhiều nguồn gốc
- Yêu cầu tách biệt hiệu suất bằng tiêu đề Origin-Agent-Cluster
- Thuộc tính tỷ lệ khung hình CSS
- Các phương pháp hay nhất cho băng chuyền
- WebRTC hiện là chuẩn W3C và IETF
- Dùng HTTPS cho hoạt động phát triển cục bộ
- Khi nào nên sử dụng HTTPS cho hoạt động phát triển cục bộ
- Muốn có ý kiến phản hồi: Đường đến chỉ số thay đổi bố cục tốt hơn cho các trang tồn tại lâu dài
- Xây dựng thành phần điều hướng bên
- Lớp học lập trình: Xây dựng thành phần Sidenav
- Căn giữa trong CSS
- Lớp học lập trình: Căn giữa trong CSS
- Yêu bộ nhớ đệm của bạn ❤️
- Phát hành, gửi và cài đặt JavaScript hiện đại cho các ứng dụng nhanh hơn
- Công việc vẽ trên nhiều trình duyệt và Houdini.how
- Các phương pháp hay nhất về biểu mẫu đăng ký
- Lớp học lập trình về các phương pháp hay nhất về hình thức thanh toán
- Lớp học lập trình về các phương pháp hay nhất về biểu mẫu đăng ký
- Lớp học lập trình về các phương pháp hay nhất về biểu mẫu địa chỉ
- Các phương pháp hay nhất về biểu mẫu thanh toán và biểu mẫu địa chỉ
- Các phương pháp hay nhất về biểu mẫu OTP qua tin nhắn SMS
- Tự động kiểm tra bằng AutoWebPerf
- Tổng quan về trình thực thi
- Phát thông báo cập nhật đến các trang bằng trình chạy dịch vụ
- Hướng dẫn lưu vào bộ nhớ đệm bắt buộc
- Giao tiếp hai chiều với nhân viên dịch vụ
- Tắt tính năng tăng tốc chuột để mang lại trải nghiệm chơi trò chơi FPS tốt hơn
- Xây dựng thành phần Stories
- Lớp học lập trình: Xây dựng thành phần Stories
- Cùng trang web có lược đồ
- Tải từng phần ở cấp trình duyệt dành cho Hệ thống quản lý nội dung (CMS)
- Lớp học lập trình: Xây dựng máy chủ thông báo đẩy
- Lớp học lập trình: Xây dựng ứng dụng thông báo đẩy
- Tổng quan về thông báo đẩy
- Đo lường mức sử dụng khi không có mạng
- Ví dụ về ảnh động CSS hiệu suất cao
- Cơ chế trao đổi có chữ ký (họ)
- CSS min(), max() và clamp()
- Cải tiến bố cục logic với cách viết tắt tương đối về luồng
- Cách tạo ảnh động CSS hiệu suất cao
- Xử lý yêu cầu về phạm vi trong trình chạy dịch vụ
- Tại sao một số ảnh động bị chậm?
- Kiểm soát tính năng kéo, nghiêng và thu phóng của máy ảnh
- Bản dùng thử theo nguyên gốc của bên thứ ba là gì?
- Rò rỉ bộ nhớ cửa sổ tách biệt
- Core Web Vitals
- Áp dụng hiệu ứng cho hình ảnh bằng thuộc tính mask-image của CSS
- Tạo các hình ảnh thú vị với thuộc tính clip-path của CSS
- Dấu đầu dòng tuỳ chỉnh với CSS ::points
- Giúp người dùng dễ dàng thay đổi mật khẩu bằng cách thêm một URL phổ biến để đổi mật khẩu
- Sắp xếp các giao dịch thanh toán với nhân viên dịch vụ
- Xử lý thông tin thanh toán không bắt buộc bằng trình chạy dịch vụ
- Hỗ trợ tiếp cận nội dung đa phương tiện
- ARIA: chất độc hay thuốc giải độc?
- Khắc phục lỗi rò rỉ bộ nhớ trong WebAssembly bằng Emscripten
- content-Visibility: thuộc tính CSS mới giúp tăng hiệu suất hiển thị
- Bỏ chặn quyền truy cập vào bảng nhớ tạm
- Các phương pháp hay nhất về Giới thiệu và Chính sách giới thiệu
- Web trên Android
- Xây dựng PWA tại Google, phần 1
- Theo dõi hiệu suất với Lighthouse CI
- Thiết kế trải nghiệm người dùng cho khoá truy cập trên Tài khoản Google
- @property: cung cấp siêu năng lực cho các biến CSS
- Đăng ký ứng dụng thanh toán dựa trên nền tảng web
- Liên quan đến tốc độ trang web và chỉ số kinh doanh
- Lưu vào bộ nhớ đệm của trình chạy dịch vụ và lưu HTTP vào bộ nhớ đệm
- Tổng quan về ứng dụng thanh toán dựa trên web
- Cung cấp thông tin vận chuyển và thông tin liên hệ qua ứng dụng thanh toán của Android
- Xử lý yêu cầu chỉ đường
- Sử dụng Báo cáo trải nghiệm người dùng trên Chrome để xem xét hiệu suất trong thực tế
- 10 bố cục hiện đại trong một dòng CSS
- Kết xuất pixel hoàn hảo bằng devicePixelContentBox
- Tóm tắt SỰ KIỆN TRỰC TIẾP web.dev
- Cải thiện dần Ứng dụng web tiến bộ của bạn
- Sử dụng các tính năng của trình duyệt trên nhiều nền tảng để tạo biểu mẫu đăng nhập
- Các phương pháp hay nhất về biểu mẫu đăng nhập
- Các công cụ dành cho nhà phát triển web để gỡ lỗi các vấn đề về JavaScript trong Google Tìm kiếm
- Xây dựng trải nghiệm tìm kiếm linh hoạt với Workbox
- Thêm nội dung nghe nhìn vào trang web
- Liên kết đậm ở nơi chưa có ai từng liên kết: Mảnh văn bản
- Cách báo cáo lỗi trình duyệt chính xác
- Làm cho PWA của bạn giống như một ứng dụng hơn
- Đo lường hiệu suất bằng mô hình RAIL
- Tăng tốc độ điều hướng trong React bằng Quicklink
- Bảo vệ tài nguyên của bạn khỏi các cuộc tấn công web bằng công cụ Tìm nạp siêu dữ liệu
- Sắp xếp lại nội dung
- Các điểm cải tiến về API Ảnh động web trong Chromium 84
- Hướng dẫn dành cho nhà phát triển ứng dụng thanh toán trên Android
- Thiết lập phương thức thanh toán
- Vòng đời của một giao dịch thanh toán
- Hỗ trợ ứng dụng thanh toán bằng dịch vụ Thanh toán trên web
- Thêm nhiều tuỳ chọn phông chữ có thể thay đổi cho phông chữ giao diện người dùng hệ thống của macOS trong Chromium 83
- Cách Ứng dụng web tiến bộ có thể thúc đẩy thành công của doanh nghiệp
- Nhanh chóng hoàn thành công việc bằng lối tắt ứng dụng
- Chuẩn bị xoá AppCache
- Bộ nhớ liên tục
- Cách xác định chiến lược cài đặt
- Cách CommonJS tăng quy mô nhóm
- Tại sao bạn cần tính năng "tách biệt nhiều nguồn gốc" để có được các tính năng mạnh mẽ
- Lập hồ sơ ứng dụng âm thanh web trong Chrome
- Cải thiện hiệu suất tải trang Next.js và Gatsby với tính năng phân đoạn chi tiết
- "cùng trang web" và "cùng nguồn gốc"
- Đảm bảo trang web "tách biệt nhiều nguồn gốc" bằng COOP và COEP
- Theo dõi tổng mức sử dụng bộ nhớ trên trang web của bạn bằng measureUserAgentspecificMemory()
- blog kỹ thuật web.dev #1: Cách chúng tôi xây dựng trang web và sử dụng Thành phần web
- Cải thiện kiểu mặc định của chế độ tối bằng thuộc tính CSS phối màu và thẻ meta tương ứng
- Đảm bảo trang web của bạn truy cập được và mọi người đều dùng được trong thời gian dịch COVID-19 bùng phát
- Khắc phục máy chủ quá tải
- Thiết kế đáp ứng dễ tiếp cận
- Hỗ trợ tiếp cận bằng màu sắc và độ tương phản
- Mục tiêu nhấn có thể truy cập được
- Ngăn chặn lỗ hổng tập lệnh trên nhiều trang web dựa trên DOM với Loại đáng tin cậy
- Sử dụng PWA trong ứng dụng Android
- Ngăn việc dịch bố cục và nhấp nháy văn bản không hiển thị (FOIT) bằng cách tải trước phông chữ không bắt buộc
- Cách dùng nginx để thiết lập cơ chế Trao đổi HTTP đã ký (APNS)
- Cách dùng nginx dùng nginx để phân phối cơ chế Trao đổi HTTP đã ký
- Tối ưu hoá hình nền CSS bằng truy vấn nội dung nghe nhìn
- Khắc phục tốc độ trang web liên chức năng
- Cuộn chụp nhanh sau khi thay đổi bố cục
- Cách thiết lập cơ chế trao đổi có chữ ký bằng Web Packager
- Cách cung cấp trải nghiệm cài đặt trong ứng dụng của riêng bạn
- Thực tế tăng cường: Có thể bạn đã biết đến tính năng này
- Định vị đối tượng ảo trong chế độ xem thực tế
- Thực tế ảo xuất hiện trên web, phần II
- Phát triển hệ sinh thái khung web
- Ứng dụng web tiến bộ là gì?
- Tích hợp PWA vào giao diện người dùng chia sẻ tích hợp sẵn bằng Workbox
- Hỗ trợ biểu tượng thích ứng trong PWA có biểu tượng có thể chỉnh sửa
- Cải thiện tính năng loại bỏ trang trong XMLHttpRequest() đồng bộ
- Tạo luồng web bằng trình chạy mô-đun
- Tải thích ứng: cải thiện hiệu suất web trên các thiết bị chậm
- Sự phát triển của công cụ tốc độ: những điểm nổi bật trong Hội nghị Nhà phát triển Chrome năm 2019
- Sử dụng web worker để chạy JavaScript ngoài luồng chính của trình duyệt
- Phản hồi từ khảo sát tối ưu hóa hình ảnh mùa hè năm 2019
- Xây dựng máy chủ thông báo đẩy
- Cách AMP có thể đảm bảo độ nhanh trong ứng dụng Next.js của bạn
- Tích hợp với giao diện người dùng chia sẻ của hệ điều hành bằng API Chia sẻ web
- Tìm nạp trước tuyến đường trong Next.js
- Hiệu suất làm mặc định với Next.js
- Tách mã bằng tính năng nhập động trong Next.js
- Thực tế ảo xuất hiện trên web
- Công thức bánh quy SameSite
- Tìm hiểu về cookie
- Quảng cáo nhanh rất quan trọng
- Sử dụng thông báo đẩy để thu hút và thu hút lại người dùng
- Làm quen với API Thông báo
- Sử dụng Service Worker để quản lý thông báo
- Khắc phục tình trạng bố cục không ổn định
- Các kỹ thuật giúp ứng dụng web tải nhanh, ngay cả trên điện thoại phổ thông
- Thuộc tính tuỳ chỉnh thông minh hơn nhờ API mới của Houdini
- 2 cách tìm nạp trước: <link> thẻ và tiêu đề HTTP
- Tìm nạp trước tài nguyên để tăng tốc độ di chuyển trong tương lai
- Nội dung hỗn hợp là gì?
- Khắc phục nội dung hỗn hợp
- Vượt ra khỏi hình ảnh bằng video cơ bản cho web
- Thêm biểu tượng cảm ứng của Apple vào Ứng dụng web tiến bộ
- Sẵn sàng phát trên web
- Ứng dụng web tiến bộ trên các trang web nhiều nguồn gốc
- Giảm kích thước phông chữ trên web
- Tối ưu hoá việc tải và hiển thị WebFont
- Tạo Ứng dụng web tiến bộ bằng CLI Angular
- Xác định JavaScript chậm của bên thứ ba
- Tải JavaScript của bên thứ ba một cách hiệu quả
- Sử dụng CDN hình ảnh để tối ưu hoá hình ảnh
- Hiệu suất JavaScript của bên thứ ba
- Các chức năng kiểm soát biểu mẫu hiệu quả hơn
- Tối ưu hoá JavaScript của bên thứ ba
- Thiết lập kết nối mạng sớm để cải thiện tốc độ trang nhận thấy được
- Tạo nền kiểu hệ điều hành bằng bộ lọc phông nền
- Giữ cho mọi thứ luôn mới bằng tính năng cũ trong khi xác thực lại
- Trực quan hoá các danh sách lớn bằng Angular CDK
- Tối ưu hoá khả năng phát hiện thay đổi của Angular
- Các chiến lược tải trước tuyến trong Angular
- Điều chỉnh video cho việc phân phát hình ảnh dựa trên chất lượng mạng
- Duyệt web nhanh hơn nhờ tính năng tìm nạp trước có tính dự đoán
- Kiểm tra khả năng hỗ trợ tiếp cận của ứng dụng Angular bằng codelyzer
- Ngân sách hiệu suất sử dụng CLI Angular
- Chuẩn bị trước bằng trình chạy dịch vụ Angular
- Preferreds-color-scheme: Xin chào bóng tối, bạn cũ của tôi
- Phân tách mã cấp tuyến trong Angular
- Bắt đầu: tối ưu hoá ứng dụng Angular
- Các mẹo hàng đầu về hiệu suất web
- Thành phần web: thành phần bí mật giúp tăng cường sức mạnh cho web
- Sử dụng Lighthouse cho ngân sách hiệu suất
- Nội dung cập nhật đối với API thanh toán trên web
- Giá trị của tốc độ
- Cài đặt thanh địa chỉ cho Ứng dụng web tiến bộ trên máy tính
- Hiệu suất có thể cải thiện chuyển đổi bằng cách nào?
- Làm cách nào để thông báo cho người dùng rằng PWA của tôi có thể cài đặt?
- Các mẫu quảng cáo việc cài đặt PWA
- Tư duy của nhân viên dịch vụ
- Chính sách hình ảnh về thời gian tải nhanh và nhiều lợi ích khác
- Trích xuất và cùng dòng CSS quan trọng bằng các thẻ Quan trọng
- Tác vụ JavaScript dài có làm chậm Thời gian tương tác của bạn không?
- Trích xuất CSS quan trọng
- Tốc độ trên quy mô lớn: hiệu suất web mới có gì?
- Giới thiệu PROXX
- Tìm kiếm trực quan với Bộ công cụ Nhận thức web
- Đã giải thích cookie SameSite
- Phân phát thích ứng dựa trên chất lượng mạng
- Thực hành với Cổng: điều hướng liền mạch trên web
- Giảm thiểu và nén tải trọng mạng bằng brotli
- web.dev tại I/O 2019
- Tốc độ là gì?
- Làm thế nào để luôn hoạt động nhanh?
- Làm thế nào để đo tốc độ?
- Kiểm tra khả năng hỗ trợ tiếp cận với React-axe và eslint-plugin-jsx-a11y
- Thêm tệp kê khai ứng dụng web bằng tính năng Tạo ứng dụng React
- Các tuyến đường kết xuất trước có React-snap
- Trực quan hoá danh sách lớn bằng cửa sổ phản ứng
- Phân chia mã bằng React.lazy và Suspense
- Dự đoán trước trong Tạo ứng dụng phản ứng bằng Workbox
- Bắt đầu: tối ưu hoá ứng dụng React
- Lớp học lập trình: Tải trước các thành phần quan trọng để cải thiện tốc độ tải
- ưu tiên-chuyển động giảm: Đôi khi ít chuyển động lại nhiều hơn
- Trì hoãn CSS không quan trọng
- Lòng tin tốt, quan sát tốt hơn: Intersection Observer phiên bản 2
- Thông tin cơ bản về thiết kế web đáp ứng
- Biểu định kiểu có thể tạo
- Kết xuất trên web
- Kết hợp ngân sách hiệu suất vào quy trình xây dựng
- Sử dụng kích thước gói với Travis CI
- Đặt ngân sách hiệu suất bằng gói web
- Sử dụng Lighthouse Bot để đặt ngân sách hiệu suất
- Emscripten và npm
- Ứng dụng của bạn đã được cài đặt chưa? getInstalledBasicApps() cho bạn biết!
- Phân phát mã hiện đại cho các trình duyệt hiện đại để tải trang nhanh hơn
- Thích ứng với người dùng bằng Gợi ý của khách hàng
- Nguyên tắc cơ bản về quyền truy cập bằng bàn phím
- Các lựa chọn thay thế nhãn và văn bản
- Sử dụng HTML có ngữ nghĩa để dễ dàng thao tác trên bàn phím
- Ngữ nghĩa và trình đọc màn hình
- Hỗ trợ tiếp cận là gì?
- Tiêu đề và mốc
- Kiểm soát tiêu điểm bằng chỉ mục thẻ
- Tiêu điểm kiểu
- Hộp làm việc: bộ công cụ trình chạy dịch vụ cấp cao
- Tránh ánh sáng nhấp nháy của văn bản ẩn
- Các cuộc tấn công bảo mật là gì?
- Giảm tải JavaScript bằng cách phân tách mã
- Đảm bảo dễ cài đặt
- Làm việc với trình chạy dịch vụ
- Khám phá bảng điều khiển Mạng cho nhà phát triển
- Sử dụng hình ảnh WebP
- Hướng nghệ thuật
- Dùng Imagemin để nén hình ảnh
- Sử dụng bộ mô tả mật độ
- Dùng Bộ nhớ đệm HTTP để ngăn các yêu cầu không cần thiết về mạng
- Giảm tải JavaScript bằng cách phân tách mã
- Tải trước các nội dung quan trọng để cải thiện tốc độ tải
- Áp dụng tính năng tải tức thì bằng mẫu PRPL
- Khắc phục lỗi 404 lén lút
- Phân phát hình ảnh có kích thước chính xác
- Ngân sách hiệu suất đầu tiên của bạn
- Chính sách cùng nguồn gốc
- Khám phá các cơ hội về hiệu suất với Lighthouse
- Hộp cát của trình duyệt
- Lưu vào bộ nhớ đệm trong thời gian chạy bằng Workbox
- Chia sẻ tài nguyên trên nhiều nguồn gốc (CORS)
- Thông tin cơ bản về ngân sách hiệu suất
- Phân phát mã hiện đại cho các trình duyệt hiện đại để tải trang nhanh hơn
- Phân phát hình ảnh có kích thước chính xác
- Cùng một chính sách nguồn gốc và iframe
- Chỉ định nhiều chiều rộng vùng
- Cách hoạt động của Google Tìm kiếm
- Xoá các đoạn mã không dùng đến