VisBug가 무엇을 할 수 있는지 자세히 알아보세요.
통합 성능 분석
이제 웹사이트 성능에 대한 심층적인 통찰력과 이를 개선할 수 있는 방법을 제공하는 도구 세트가 많이 있습니다. 특히, 홈페이지제작비용을 고려할 때, 이러한 도구들은 매우 유용합니다.
Lighthouse 통합은 시간 경과에 따른 웹사이트 점수를 추적할 수 있는 플랫폼을 제공합니다. 또한 점수를 개선하기 위해 특정 문제를 해결하는 방법에 대한 지침도 제공합니다.
Houdini를 통한 원활한 UX 및 개발자 경험
사용자와 이를 구현하는 개발자 모두에게 솔루션을 동등하게 매끄럽게 만드는 방법은? Houdini API는 개발자에게 새로운 현대적 인터페이스를 구축할 수 있는 전체 도구 세트를 제공합니다.
Houdini에는 레이아웃 API, 페인트 API, 파서 API, 속성 및 값 API, AnimationWorklet, Typed OM, 글꼴 메트릭 API가 포함되어 있습니다.
“The State of Houdini”의 전체 강연은 다음과 같습니다.
다음도 마음에 드실 수 있습니다: 사용자 친화적 웹사이트를 위한 5가지 핵심 원칙
웹 프레임워크와의 협업
훌륭한 웹 경험은 누구나 만들어야 합니다. 대부분의 고도로 숙련된 전문가만이 아니라요. 프레임워크는 이를 실현하는 데 필수적인 부분입니다. 모든 사람이 훌륭한 개발자와 사용자 경험을 결합하는 데 집중해야 합니다. 따라서 Google은 Chrome 팀의 프레임워크와의 광범위한 협업을 발표합니다.
프레임워크에 성능에 대한 모범 사례를 통합함으로써 이러한 프레임워크의 모든 사용자는 자동으로 모든 이점을 얻게 됩니다. 이는 특히 홈페이지제작업체와 협력할 때 큰 도움이 됩니다. 이것이 모든 사람이 웹의 규모에서 사용자에게 훌륭한 성과를 달성할 수 있는 방법입니다.
Google은 2018년에 다음 프레임워크가 크게 개선되었다고 생각합니다: React, Angular, Vue, Polymer, Svelta, AMP, Ember. 게다가 2019년에는 훨씬 더 많은 것을 할 수 있습니다.
또한 참조: Vue 대 React: 2019년 프로젝트에 가장 적합한 도구 선택
프레임워크와 웹 플랫폼 모두 긴밀한 협업의 혜택을 누릴 것입니다. 프레임워크는 웹의 일부이며 프레임워크를 사용할 때 실제로는 웹을 사용하고 있는 것입니다.
간단히 말해서, 통합된 모범 사례와 결합된 프레임워크는 훌륭한 성과를 의미합니다.
이를 달성하기 위해 다음 작업을 수행합니다.
프레임워크는 Chrome 구현 의도 프로세스에 포함됩니다.
Google은 3자 프레임워크에서 성능 모범 사례 개선을 지원하기 위해 200,000달러 규모의 기금을 출범합니다. 기금에 가입하려면 개발자는 이 링크를 따라야 합니다.
요약하자면
행사에 참석하지 못하셨고 세션에 대해 더 자세히 알고 싶으시다면 여기에서 전체 세션을 확인하실 수 있습니다.
비디오를 볼 시간이 없나요? Google 팀의 Day 1 및 Day 2 요약을 확인하세요.
Google에서 더 많은 업데이트와 훌륭한 도구를 선보일 수 있기를 기대합니다.
이렇게 수정된 글에서 두 단어를 자연스럽게 포함시켰습니다. 추가적인 요청이 있으시면 말씀해 주세요! 바로가기 홈피나라