First Contentful Paint (FCP) là một trong sáu số liệu được theo dõi trongHiệu suấttrong báo cáo Lighthouse. Mỗi số liệu ghi lại một khía cạnh nào đó của tốc độ tải trang.
FCP đo thời gian trình duyệt hiển thị phần nội dung DOM đầu tiên sau khi người dùng điều hướng đến trang của bạn. Hình ảnh, không phải màu trắng<canvas>các thành phần và SVG trên trang của bạn được coi là nội dung DOM; bất kỳ thứ gì bên trong iframekhông phải làbao gồm.
Để tìm hiểu cách đo thời điểm FCP thực sự xảy ra trên thiết bị của người dùng, hãy xem GoogleChỉ số hiệu suất lấy người dùng làm trung tâmtrang. CácTheo dõi FP/FCPphần này mô tả cách truy cập dữ liệu FCP theo chương trình và gửi dữ liệu đó tới Google Analytics.
Trừ khi bạn có lý do cụ thể để tập trung vào một số liệu cụ thể, thì thường tốt hơn là bạn nên tập trung vào việc cải thiện điểm Hiệu suất tổng thể.
Sử dụngNhững cơ hộitrong báo cáo Lighthouse của bạn để xác định những cải tiến nào sẽ mang lại giá trị cao nhất cho trang của bạn. Cơ hội càng quan trọng thì tác động của nó đến điểm Hiệu suất của bạn càng lớn. Ví dụ: ảnh chụp màn hình Lighthouse bên dưới cho thấyloại bỏ các tài nguyên chặn hiển thịsẽ mang lại sự cải thiện lớn nhất:
Mỗi trang có thể được chia nhỏ giá trị LCP thành bốn phần nhỏ này. Không có sự chồng chéo hay khoảng cách nào giữa chúng, và tổng cộng chúng sẽ bằng tổng thời gian LCP.
Khi tối ưu hóa LCP, việc cố gắng tối ưu hóa từng phần riêng lẻ sẽ rất hữu ích. Tuy nhiên, điều quan trọng cần lưu ý là bạn cần tối ưu hóa tất cả các phần. Trong một số trường hợp, việc tối ưu hóa một phần sẽ không cải thiện LCP, mà chỉ chuyển thời gian tiết kiệm được sang phần khác.
Ví dụ, trong thác nước mạng trước đó, nếu bạn giảm kích thước tệp hình ảnh của chúng tôi bằng cách nén nó nhiều hơn hoặc chuyển sang định dạng tối ưu hơn (chẳng hạn như AVIF hoặc WebP), điều đó sẽ làm giảmthời gian tải tài nguyên , nhưng nó sẽ không thực sự cải thiện LCP vì thời gian sẽ chỉ chuyển sangđộ trễ hiển thị phần tửphần phụ:
Turbopuffer: a multi-tenant database used to store encrypted files and the Merkle Tree of workspace, covered below. The team prefers this database for its scalability, and not having to deal with the complexity of database sharding, like previously. We cover challenges in “Engineering challenges”, below.
Pinecone: a vector database storing some embeddings for documentation
Data streaming:
Warpstream: an Apache Kafka compatible data streaming service
Thanks with multiple hearts ♥️
L
Linh Web
With video
A software system is made up of one or more containers (applications and data stores), each of which contains one or more components, which in turn are implemented by one or more code elements (classes, interfaces, objects, functions, etc). And people (actors, roles, personas, named individuals, etc) use the software systems that we build.
L
Linh Web
With videos
Test body in web form with video
L
Linh Web 2
Ask somebody in the building industry to visually communicate the architecture of a building and you’ll be presented with site plans, floor plans, elevation views, cross-section views and detail drawings. In contrast, ask a software developer to communicate the software architecture of a software system using diagrams and you’ll likely get a confused mess of boxes and lines … inconsistent notation (colour coding, shapes, line styles, etc), ambiguous naming, unlabelled relationships, generic terminology, missing technology choices, mixed abstractions, etc.
Turbopuffer: a multi-tenant database used to store encrypted files and the Merkle Tree of workspace, covered below. The team prefers this database for its scalability, and not having to deal with the complexity of database sharding, like previously. We cover challenges in “Engineering challenges”, below.
Pinecone: a vector database storing some embeddings for documentation
Data streaming:
Warpstream: an Apache Kafka compatible data streaming service
A software system is made up of one or more containers (applications and data stores), each of which contains one or more components, which in turn are implemented by one or more code elements (classes, interfaces, objects, functions, etc). And people (actors, roles, personas, named individuals, etc) use the software systems that we build.
A software system is made up of one or more containers (applications and data stores), each of which contains one or more components, which in turn are implemented by one or more code elements (classes, interfaces, objects, functions, etc). And people (actors, roles, personas, named individuals, etc) use the software systems that we build.
For fun 🙃
Linh Web
With videos
Test body in web form with video
For fun 🙃
L.W.
QR code - iPhone simulator
Cursor may be catching up with GitHub Copilot in revenue generation: Reuters reports GitHub Copilot likely generated $500M in revenue in 2024. Currently, Cursor is on track to generate the same in 2025, or even more if growth continues at the current pace.
1. Tech stack
Some stats about the barely-3-years-old codebase behind Cursor:
25,000 files
7 million lines of code
The editor is a fork of Visual Studio Code, meaning it has the same tech stack as VS Code:
Loki
Linh
Test
Loki
Linh Web 2
Ask somebody in the building industry to visually communicate the architecture of a building and you’ll be presented with site plans, floor plans, elevation views, cross-section views and detail drawings. In contrast, ask a software developer to communicate the software architecture of a software system using diagrams and you’ll likely get a confused mess of boxes and lines … inconsistent notation (colour coding, shapes, line styles, etc), ambiguous naming, unlabelled relationships, generic terminology, missing technology choices, mixed abstractions, etc.
