Sqlite3 및 Javascript로 데이터를 엄청나게 빠르게 제공
사람들이 수입하는 것을 보았습니다 . 으로 사용되는 것을 보고 깜짝 놀랐습니다. SQLite 데이터베이스 를 호스팅할 수 있다는 점이 좋습니다. 웹 서버와 함께 사용할 때 SQLite3의 성능을 살펴보고 싶었습니다. 실제로 2022년 유럽 에너지 위기와 함께 비용 효율적인 솔루션을 찾는 것이 중요합니다. 내 목표: 달성 가능한 동시성이 무엇인지 파악하는 것이 현명합니다. 내가 사용한 SQLi...
rustwebperfsqlitejavascript2022-10 last update
6 minutes reading
React의 큰 비밀
React가 모든 렌더에서 후크가 사용하는 deps 배열을 어떻게 비교하는지 생각해 보셨습니까? 호기심 많은 개발자로서 React가 deps , useEffect 및 useCallback 후크로 전달되는 useMemo 종속성 배열을 어떻게 확인하는지 궁금했습니다. 그래서 내 유일한 옵션은 마법을 찾기 위해 React의 코드 자체를 확인하는 것이었고 예상보다 많은 것을 찾았습니다. 이 방법은 ...
webperfwebdevreactjavascript2022-10 last update
6 minutes reading
웹 워커 사용 방법
안녕하세요 여러분👋 이 기사에서는 CPU 집약적인 작업을 수행하는 동안 스레드 차단을 피하기 위해 웹 사이트에서 Web Worker API를 사용하는 방법을 알아봅니다. 웹 워커 웹 작업자는 페이지 성능에 영향을 주지 않고 다른 스크립트와 독립적으로 백그라운드에서 실행되는 JavaScript입니다. 그게 무슨 뜻이야? 우리 모두 알고 있듯이 JavaScript는 단일 스레드 언어이므로 스크립...
nodejavascriptwebperfwebdev2022-10 last update
6 minutes reading
더 성능이 좋은 기능 React 구성 요소를 작성하는 방법
후크를 사용하여 React를 작성할 때 기능 구성 요소의 많은 속성이 메모되지 않는 것을 보았습니다. 제 생각에는 이것은 거의 항상 아니오입니다. 이것은 React가 작동하는 방식 때문에 일반적으로 좋은 방법이 아닙니다. 메모화되지 않은 모든 것은 다시 렌더링할 때마다 재정의됩니다. 따라서 일반적으로 내 규칙은 기능 구성 요소에 정의된 모든 것을 메모화하고 나머지는 구성 요소에서 전역 범위로...
reactwebdevjavascriptwebperf2022-10 last update
4 minutes reading
.dev 및 HSTS 사전 로드 - 모든 http 요청에 대해 71바이트를 저장하는 방법.
TL;DR — .dev TLD는 strict-transport-security 헤더 없이 HSTS 사전 로드 목록에 있다는 장점이 있습니다. 이 시청에 대해 처음 들었습니다. 웹 사이트가 브라우저에 https를 통해서만 연결하도록 지시할 수 있습니다. 또한 http를 통해 연결을 시도하는 사용자의 로드 시간을 줄입니다. 그러나 브라우저는 사이트에 한 번 액세스한 후에만 사이트의 HSTS 정책...
performancehttpwebperfsecurity2022-10 last update
5 minutes reading
웹 성능에 대한 초보자 가이드: 이미지 최적화
이 과정은 모든 단계, 모든 측정항목의 의미, 사이트 측정 방법을 설명한 다음 각 측면을 개선하는 방법에 대해 자세히 설명합니다. 이미지 크기 조정 및 압축 : Mac만 해당, 사용자 정의 압축 설정을 지정하고 무거운 메타데이터를 제거할 수 있습니다. 여기의 압축 설정이 훨씬 더 포괄적이기 때문에 대량 크기 조정에서 이미지 크기를 조정한 후에 이것을 사용합니다. 지연 로드 이미지 이미지뿐만 ...
sitespeedimageswebdevwebperf2022-10 last update
10 minutes reading
웹 성능을 위한 초보자 가이드: Google 글꼴 최적화
글꼴 표시 사용: 스왑 Note: font-display: swap does not work with font icons! Google Fonts에서 내장 코드를 복사하는 경우 다음과 같이 편리하게 추가했습니다. 외부 글꼴이나 글꼴 파일을 로드하는 데에는 항상 약간의 지연이 있으므로 글꼴이 로드될 때까지 사용자에게 빈 화면이 표시되는 것을 원하지 않습니다. 이렇게 하면 대체 글꼴이 로드되어 ...
fontsfrontendwebdevwebperf2022-10 last update
8 minutes reading
웹 성능을 위한 초보자 가이드: 최적화 글꼴 굉장 아이콘
나는 글꼴 아이콘을 사용하면 즉시 아이콘을 업데이트하거나 추가하는 것이 훨씬 쉬워지기 때문에 글꼴 아이콘의 열렬한 팬입니다. 저는 사용자 정의 디자이너가 만든 아이콘과 해당 아이콘의 호버 상태로 구성된 거대한 이미지인 스프라이트시트를 만들어야 했습니다. 이제 SVG에서 사용자 정의 아이콘을 훨씬 쉽게 제공할 수 있지만 방대한 표준 아이콘 세트를 원하는 경우 글꼴 아이콘이 매우 편리합니다. 그...
frontendfontswebdevwebperf2022-10 last update
13 minutes reading
메모리 누수 및 Chrome 개발자 도구를 사용하여 메모리 누수를 찾는 방법
메모리 누수는 응용 프로그램에서 찾기가 매우 어려우며 몇 가지 예방 조치를 취하면 코드를 작성하는 동안 피할 수 있습니다. 모든 개발자는 가장 일반적인 메모리 누수 패턴을 알고 있어야 합니다. 이 기사에서는 애플리케이션의 메모리 수명 주기 패턴, 메모리 누수의 가장 일반적인 원인 및 Chrome 개발자 도구에서 이를 식별하는 방법을 다루려고 합니다. 메모리 수명 주기 패턴 메모리 수명 주기 ...
webdevjavascriptwebperf2022-10 last update
8 minutes reading