분류 전체보기68 CSR, SSR CSR : Client Server Rendering. 장점 Backendless 로 운용 시 Backend 운용의 비용부담을 가지지 않을 수 있음 CDN, Cache, Traffic 의 이점을 누릴 수 있음 초기 로딩 후 빠른 인터렉션 단점 초기 로딩 최적화에 많은 비용이 듦 SEO 대응 한계 멀티 도메인 API 연동 시 추가 아키텍처 필요(CORS, Gateway Server) SSR : Server Side Rendering. 장점 SEO 대응 용이 빠른 초기 로딩 (무조건은 아님) 멀티 도메인 API 연동 용이 단점 랜더링 백엔드 필요 조금 더 복잡한 아키텍처 트래픽 대응 부담 2022. 9. 20. LCP, FID, CLS LCP : Largest Contentful Paint. 가장 큰 컨텐츠가 표시되기까지 걸리는 시간 ( Loading) FID : First Input Delay. 사용자가 인터렉션을 했을 때 얼마나 빠르게 반응하는가 ( Interactivity) CLS : Cumulative Layout Shift. 레이아웃의 흔들림 정도가 어느 정도인가? 안 흔들릴 수록 좋음. ( Visual Stability) 2022. 9. 20. Open Graph : Metadata Facebook 이 제안한 프로토콜로 이중 메타데이터에 대한 부분을 신경써야 한다. 오픈그래프 태그가 잘 구성되어 있으면, 주변에 공유할 때 풍성한 컨텐츠를 보여줄 수 있다. 카카오톡에서 링크를 공유했을 때, 링크만 공유했는데도 예쁘게 사진이나 타이틀 등이 표시되는 것. 그것이 오픈 그래프이다. 태그를 사용해서 웹 페이지의 상단에 추가해주면 되며, Open Graph 사이트에는 IMDB 사이트를 예시로 들고 있다. ... Basic Metadata 기본이 되는 메타데이터로 제목, 타입, 이미지, URL이 포함된다. IMDB에서는 아래와 같이 사용되었다. og:title - The title of your object as it should appear within the graph, e.g., "The .. 2022. 9. 19. SEO(Search Engine Optimization) Tip SEO : 말 그대로 검색엔진 최적화이다. Tip Cross linking : A라는 문서가 여러 페이지 내에 링크가 되어 있음 title tag and meta description : Title과 meta 태그가 잘 표시되어 있음 URL canonicalization : URL 정교화 2022. 9. 16. 이전 1 ··· 6 7 8 9 10 11 12 ··· 17 다음