투자조합-사이트 구축

사이트
나는 템플릿Yew webpack template부터 사이트를 구축하기 시작했다.열이 다시 불러오기 때문에, 이 템플릿을 사용하면 나의 개발 작업량을 줄일 수 있다.속도를 높이기 위해 bulma css 프레임워크를 사용했습니다

열쇠고리

애플리케이션 응답 속도를 확인해야 합니다

.

좋은 등대 득점이 있어야 한다

수욕센터는 여러 노선이 있어야 한다

경로
Yew에는 yew-router 라는 공유기 라이브러리가 있는데, 이 라이브러리를 사용해서 경로를 설정하고 있습니다.SPA가 정적 사이트로 구축되면 라우터를 추가로 구성해야 합니다.우리는 index.html 모든 사이트가 먼저 방문할 수 있도록 예비 URL으로 설정해야 한다. index.html현재 url에 비해 루트는 url란에 추가href만 하면 됩니다.이런 상황을 피하기 위해서 나는 머리에 베이스 라벨을 추가했다.

 <base href="https://yew-portfolio-iwfte.ondigitalocean.app/">

배치
비록 나는bulma css를 사용하여 속도를 높였지만, 여전히 복잡한 레이아웃을 사용해야 한다. css grid
번들 크기
Yew는 Next js, Gatsby 등 완성된 프런트엔드 프레임과 달리 코드 분할이 없습니다.이것은 사이트의 성능에 영향을 줄 것이다.wasm 파일 크기는 약 450kb입니다.이것은 홍두삼으로 완전한 사이트를 쓰는 주요 단점 중의 하나다.

등대 득점

추가 정보
표지 사진Unsplash