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.
- Cách truy vấn Trang tổng quan về nền tảng web để biết công cụ Baseline
- 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
- Bản tóm tắt hằng tháng về giá trị cơ sở tháng 2 năm 2025
- ruby-align là Baseline Mới có
- Tải mô hình AI xuống bằng Background Fetch API
- Tìm nạp trước tài nguyên để tăng tốc độ di chuyển trong tương lai
- Tối ưu hoá điểm số tổng hợp về mức thay đổi bố cục
- Gỡ lỗi thay đổi bố cục
- CSS scrollbar-color và scrollbar-gutter là các tính năng mới có sẵn trong Đường cơ sở
- Bảng tóm tắt hằng tháng về giá trị cơ sở tháng 1 năm 2025
- Điều chỉnh quy mô ứng dụng WebAssembly đa luồng bằng mimalloc và WasmFS
- Tính năng tối ưu hoá lệnh gọi đuôi WasmGC và Wasm hiện đã có trong Baseline
- Thời gian hiển thị nội dung lớn nhất (LCP)
- Promise.try hiện đã có sẵn trong Baseline
- Phát hiện tính năng WebAuthn đơn giản hơn bằng getClientCapabilities()
- Xây dựng chatbot cục bộ và có thể hoạt động ngoại tuyến
- Tối ưu hoá các thao tác dài
- Thiết lập phương thức thanh toán
- Áp dụng hiệu ứng cho hình ảnh bằng thuộc tính mask-image của CSS
- Giá trị cơ sở 2024: cung cấp thêm công cụ để giúp nhà phát triển web
- Video tải từng phần
- Tải trước mô-đun
- Đo lường tính năng tự động điền của trình duyệt trên biểu mẫu
- Phần 2: Xây dựng tính năng phát hiện nội dung độc hại bằng AI ở phía máy khách
- Tổng thời gian chặn (TBT)
- Bắt đầu đo lường các chỉ số Web Vitals
- Những cách hiệu quả nhất để cải thiện Chỉ số quan trọng chính của trang web
- Web Vitals
- Tối ưu hoá thời gian hiển thị nội dung lớn nhất
- Thuộc tính CSS content-visibility hiện là Baseline (Cơ sở) Mới có
- Cách xác định ngưỡng của các chỉ số trong Core Web Vitals
- 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
- Tính năng lồng CSS được cải thiện nhờ CSSNestedDeclarations
- Hiệu suất gỡ lỗi trong trường
- First Input Delay (FID)
- 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
- Bộ nhớ dành cho web
- Đã đến lúc tải từng phần các iframe ngoài màn hình!
- Xây dựng nhiều Ứng dụng web tiến bộ trên cùng một miền
- Giao thức đẩy web
- Cần tiêu chí gì để có thể cài đặt ứng dụng?
- Điều gì tạo nên ứng dụng web tiến bộ hiệu quả?
- Cách Chrome xử lý bản cập nhật cho tệp kê khai ứng dụng web
- 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
- Sử dụng chỉ mục thẻ
- Tìm các hoạt động tương tác chậm trong trường
- 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
- Lượt tương tác đến nội dung 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
- 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
- Ghi âm và quay video ở định dạng HTML5
- Thành phần web <model-viewer>
- 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
- 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
- Tối ưu hoá thời gian cho byte đầu tiên
- 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
- 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
- Biên dịch mkbitmap thành WebAssembly
- WebAssembly là gì và đến từ đâu?
- 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
- 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
- Tối ưu hoá độ trễ khi nhập
- 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
- Xây dựng trải nghiệm WordPress trong trình duyệt với WordPress Playground và WebAssembly
- Điểm số tổng hợp về mức thay đổi bố cục (CLS)
- 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ữ
- Cộng đồng GDE nổi bật: Alba Silvente Fuentes
- Mẹo CSS nhanh chóng! Trình tải ảnh động
- Kiểm thử độ tương phản màu trong thiết kế web
- 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
- Kiểu danh sách mẫu quảng cáo
- Các phương pháp hay nhất dành cho thẻ và trình quản lý thẻ
- 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ị
- Triển khai khả năng xử lý lỗi khi sử dụng Fetch API
- Sự khác biệt giữa thư viện và khung JavaScript
- Chọn một thư viện hoặc khung JavaScript
- API cho phông chữ web đẹp và nhanh
- 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
- 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ộ
- Tạo 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
- Hướng tới chỉ số độ mượt của ảnh động
- Mọi thông tin được công bố tại Hội nghị Nhà phát triển Chrome 2021
- Luồng người dùng bằng Lighthouse
- Có gì mới trong PageSpeed Insights
- 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
- Xây dựng thành phần chuyển đổi
- Màu nhấn CSS
- 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
- 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
- PWA có phát trực tuyến ngoại tuyến
- Điều chỉnh kích thước CSS cho @font-face
- Xây dựng bảng phối màu
- 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
- Mô hình đáp ứng mới: Thiết kế web trong thế giới dựa trên thành phần
- Exalidraw và Fugu: Cải thiện hành trình cốt lõi của người dùng
- Tài liệu tham khảo nhanh về tiêu đề bảo mật
- Mô-đun ES trong trình chạy dịch vụ
- Tạo thành phần cuộn nội dung đa phương tiệ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
- Luôn kiểm soát các tập lệnh của bên thứ ba
- Tuỳ chỉnh lớp phủ điều khiển cửa sổ của thanh tiêu đề PWA của bạn
- Điền biểu mẫu OTP trong iframe nhiều nguồn gốc bằng API WebOTP
- Phá bỏ rào cản bằng cách sử dụng DataTransfer API
- Tạo ảnh động chia tách văn bản
- Phát triển chỉ số CLS (Điểm số tổng hợp về mức thay đổi bố cục)
- Sự hài lòng của nhà phát triển web
- Tạo thành phần Cài đặt
- JavaScript: Ý nghĩa của từ này là gì?
- Cấu trúc, vòng đời và gói dự án
- Dự án nguồn mở của ứng dụng nhỏ
- Á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ỏ
- Kết thúc suy nghĩ về các ứng dụng nhỏ của một nhà phát triển web
- H5 và QuickApp là gì?
- Thành phần 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ỏ
- 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
- WebRTC hiện là chuẩn W3C và IETF
- Các phương pháp hay nhất cho băng chuyền
- 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
- Khi nào nên sử dụng HTTPS cho hoạt động phát triển cục bộ
- Lớp học lập trình: Xây dựng thành phần Sidenav
- Xây dựng thành phần điều hướng bên
- 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 ❤️
- Công việc vẽ trên nhiều trình duyệt và Houdini.how
- 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ỉ
- 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ý
- Các phương pháp hay nhất về biểu mẫu OTP qua tin nhắn SMS
- 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
- Các phương pháp hay nhất về biểu mẫu thanh toán và địa chỉ
- Tự động hoá quy trình kiểm tra bằng AutoWebPerf
- Các phương pháp hay nhất về biểu mẫu đăng ký
- Tổng quan về trình thực thi
- 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ụ
- Phát thông báo cập nhật đến các trang bằng trình chạy 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
- Lớp học lập trình: Xây dựng thành phần Stories
- 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 ứng dụng thông báo đẩy
- Lớp học lập trình: Xây dựng máy chủ 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 bằng các ký hiệu viết tắt tương ứng với luồng
- Xử lý yêu cầu về phạm vi trong trình chạy dịch vụ
- Cách tạo ảnh động CSS hiệu suất cao
- 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
- Tạo trang dự phòng ngoại tuyến
- Core Web Vitals
- 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
- Xử lý thông tin thanh toán không bắt buộc bằng trình chạy dịch vụ
- Sắp xếp các giao dịch thanh toán với nhân viên dịch vụ
- ARIA: chất độc hay thuốc giải độc?
- Gỡ 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
- Liên quan đến tốc độ trang web và chỉ số kinh doanh
- Đăng ký ứng dụng thanh toán dựa trên nền tảng web
- 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
- 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
- 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ỗ trợ ứng dụng thanh toán bằng dịch vụ Thanh toán trên web
- Vòng đời của một giao dịch thanh toán
- Hướng dẫn dành cho nhà phát triển ứng dụng thanh toán trên Android
- 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
- Nhanh chóng hoàn thành công việc bằng lối tắt ứng dụng
- Cách Ứng dụng web tiến bộ có thể thúc đẩy thành công của doanh nghiệp
- 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
- Lập hồ sơ ứng dụng âm thanh web trong Chrome
- 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ẽ
- 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"
- Theo dõi tổng mức sử dụng bộ nhớ trên trang web của bạn bằng measureUserAgentspecificMemory()
- Đảm bảo trang web "tách biệt nhiều nguồn gốc" bằng COOP và COEP
- 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
- Mục tiêu nhấn có thể truy cập được
- Hỗ trợ tiếp cận bằng màu sắc và độ tương phản
- Khắc phục máy chủ quá tải
- Thiết kế đáp ứng dễ tiếp cận
- 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
- Định vị đối tượng ảo trong chế độ xem thực tế
- Thực tế tăng cường: Có thể bạn đã biết đến tính năng này
- 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
- Tìm nạp trước tuyến đường trong Next.js
- Cách AMP có thể đảm bảo độ nhanh trong ứng dụng Next.js của bạn
- Hiệu suất làm mặc định với Next.js
- 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á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
- Tìm hiểu về cookie
- Công thức bánh quy SameSite
- 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
- 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
- Tải JavaScript của bên thứ ba một cách hiệu quả
- Xác định JavaScript chậm của bên thứ ba
- 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
- Tối ưu hoá 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
- 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
- Các chiến lược tải trước tuyến trong Angular
- Tối ưu hoá khả năng phát hiện thay đổi của 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
- Mẹo hàng đầu về hiệu suất web
- Bắt đầu: tối ưu hoá ứng dụng Angular
- Phân tách mã cấp tuyến trong Angular
- 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
- Giá trị của tốc độ
- Nội dung cập nhật đối với API thanh toán trên web
- 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
- Thực hành với Cổng: điều hướng liền mạch trên web
- Phân phát thích ứng dựa trên chất lượng mạng
- 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 để đo tốc độ?
- Làm thế nào để luôn hoạt động nhanh?
- Phân chia mã bằng React.lazy và Suspense
- Các tuyến đường kết xuất trước có React-snap
- Bắt đầu: tối ưu hoá ứng dụng React
- Kiểm tra khả năng hỗ trợ tiếp cận bằng 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
- Trực quan hoá danh sách lớn bằng cửa sổ phản ứng
- Dự đoán trước trong Tạo ứng dụng phản ứng bằng Workbox
- 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
- Sử dụng kích thước gói với Travis CI
- Kết hợp ngân sách hiệu suất vào quy trình xây dựng
- Đặ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
- Tiêu điểm kiểu
- Kiểm soát tiêu điểm bằng chỉ mục thẻ
- Các lựa chọn thay thế nhãn và văn bản
- Nguyên tắc cơ bản về quyền truy cập bằng bàn phím
- Ngữ nghĩa và trình đọc màn hình
- Tiêu đề và mốc
- Sử dụng HTML có ngữ nghĩa để dễ dàng chiến thắng bằng bàn phím
- Hỗ trợ tiếp cận là gì?
- Dùng Bộ nhớ đệm HTTP để ngăn các yêu cầu không cần thiết về mạng
- Định cấu hình hoạt động lưu vào bộ nhớ đệm của HTTP
- Dùng Imagemin để nén hình ảnh
- Chỉ định nhiều chiều rộng vùng
- Tránh ánh sáng nhấp nháy của văn bản ẩn
- Phân phát hình ảnh có kích thước chính xác
- Chia sẻ tài nguyên trên nhiều nguồn gốc (CORS)
- Phân phát hình ảnh có kích thước chính xác
- Cách hoạt động của Google Tìm kiếm
- Áp dụng tính năng tải tức thì bằng mẫu PRPL
- Thay thế GIF động bằng video để tải trang nhanh hơn
- Đảm bảo dễ cài đặt
- Hộp làm việc: bộ công cụ trình chạy dịch vụ cấp cao
- Phân phát hình ảnh thích ứng
- Các cuộc tấn công bảo mật là gì?
- Tải trước các nội dung quan trọng để cải thiện tốc độ tải
- Tạo hình ảnh WebP bằng dòng lệnh
- Khám phá bảng điều khiển Mạng cho nhà phát triển
- Khám phá các cơ hội về hiệu suất với Lighthouse
- Làm việc với trình chạy dịch vụ