Mẫu bố cục
Các mẫu bố cục được tạo bằng CSS API hiện đại giúp bạn xây dựng các giao diện phổ biến như thẻ, vùng lưới động và bố cục toàn trang.
- 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