성능 링크 iii

• Github의 새로운 홈페이지를 빠르고 성능으로 만들기 - Tobias Ahlin은 IntersectionObserver 덕분에 스크롤 효과가 어떻게 수행되는지 설명하고 GetBoundingClientRect와 같은 리플 로우를 트리거하는 방법을 사용하지 않는다는 사실을 설명합니다. 또한 Webp SVG 마스크!
  
• Core Web Vitals 및 SEO에 대해 우리가 알고있는 모든 것 - Simon Hearne은 모든 사람들이 CWV에 집착하는 이유 : SEO. Simon은 내가 몇 번 들었던 내용 을 말합니다. 즉, 당신은 열악한 CWV에 대해 처벌받지 못하지만 좋은 숫자에 대한 보너스가 주어집니다. 그러나 주변의 모든 사람들이 당신을 제외하고 그 보너스를 받고 있다면, 그것은 페널티와 같지 않습니까?
  
• 웹 성능 최적화 및 테스트를위한 CloudFlare 작업자 설정 -Matt Hobbs는 CloudFlare 작업자 설정에 대한 101 소개부터 시작하여 CSS 파일을 가로 채고 모든 글꼴 파미 선언을 만화 SANS로 대체하는 데 사용합니다. 어쩌면 그것은 가능성에 눈을 뜨게 될 것입니다. HTML, CSS 및 JavaScript와 같은 모든 자산을 조작 할 수 있다면, 그러한 것들이 더 성능적인 일을하도록 강요 할 수 있습니다.
  
• 이제 그것이 제가 서비스 작업자라고 부르는 것입니다! - Jeremy Wagner는 웹 사이트 (예 : 헤더 및 바닥 글)에 공통 부분을 캐시하는 "스트리밍"서비스 작업자를 설정하여 인터넷이 느린 Wisconsin의 Waushara County 사람들이 두 배나 빠른 근처의 사이트를로드 할 수 있도록하는 "헤더 및 바닥 글 수는)를 설정합니다. 이것은 Philip Walton의“서비스 직원과의 작은 HTML 페이로드”기사를 바탕으로합니다.
  
• 2021 년에 가장 빠른 F1 웹 사이트는 누구입니까? -Jake Archibald의 Epic Going-On-10 부리 시리즈는 F1 레이싱 웹 사이트의 성능을 분석합니다 (오, 아이러니). Red Bull이 지금까지 Ferarri의 후면에있는 것처럼 보입니다. 이 모든 것에 대해 배울 것이 많으며, 1.8MB 블록 스크립트로 인해 그들의 사이트가 느리지 않았지만, 1.7MB는 20 × 20에만 표시 된 2300 x 2300 PNG의 상감이었습니다. 또한 제이크가 스프라이트 암소의 원래 건축업자라는 것을 알지 못한다고 생각합니다! (스프라이트가 나쁘다는 것이 밝혀지기 때문에 그것을 사용하지 마십시오.)
  
• 실제 CSS 대 CSS-in-JS 성능 비교 -Tomas Pustelnik은 CSS-in-JS의 성능 영향을 살펴 봅니다. 또는 내가 지적한 바와 같이 : CSS-In-React, 다른 모든 큰 JavaScript 프레임 워크에는 자체 축복받은 스타일 솔루션이 있기 때문에 항상 그렇습니다. Tomas는 스타일의 경쟁자를 손으로 쓴 바닐라 CSS와 비교하지 않았지만 Linaria와 비교해 보았습니다. Linaria는 대부분의 사람들이 여전히 CSS-in-JS로 생각한다고 생각합니다. 스타일링 라이브러리가 DX를 위해 무엇을하든 CSS를 생산하는 것이 생산을위한 방법처럼 보인다는 데 동의합니다. 또 다른 이유가 CSS 모듈을 좋아합니다. 새로운 풍성한 Libs도 그것을하고 있습니다.
  
• 50ms 요청의 경우 - Julia Evans는 서버 요청이 왜 더 오래 걸리는지 알아 내려고이 대화식 퍼즐을 모았습니다. 프론트 엔드보다 백엔드가 더 많지만 문제 해결 단계는 친숙합니다. 컴퓨터에서 시도하고 내 컴퓨터에서 시도하고 서버가 수행하는 작업 등을 확인하십시오.

위 내용은 성능 링크 iii의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!