성능 최적화 주간 — 알아야 할 모든 것
게시 됨: 2021-08-10이번 주에 우리 커뮤니티는 존경받는 성능 전문가 21명과 연결하여 가장 시급한 웹 최적화 질문을 하고, 중요한 최적화 문제에 대해 배우고, 최적의 결과를 달성하기 위한 모범 사례를 발견할 수 있는 특별한 기회를 가졌습니다. 아래에서는 가장 일반적인 세 가지 웹 성능 문제와 최고의 성능 전문가에 따라 이를 해결하는 방법을 자세히 설명합니다. 더 이상 고민하지 않고 최적화를 시작하겠습니다!
'사이트 스터핑'
웹 사이트를 구축할 때 가장 중요한 경험 법칙 중 하나는 가치를 제공하지 않는 위젯이나 플러그인을 제거하여 '사이트 스터핑'을 피하는 것입니다. 이는 사용자 경험을 향상시킬 뿐만 아니라 더 적은 수의 항목을 생성하여 더 빠른 속도를 제공합니다. Elementor Expert Tim Liversage는 특정 기능 세트를 사용하기 전에 모든 요소가 어떻게 작동하는지 학습하고 모든 것을 테스트하도록 조언합니다.
Brian Erickson에 따르면 사이트 성능을 향상시키기 위한 몇 가지 추가 핵심 포인터는 다음과 같습니다.
- 가벼운 테마 선택
- WordPress 설치당 최대 10-15개의 플러그인 설치
- 핵심 기능이 하나인 위젯을 많이 추가하기보다 다양한 기능(예: 이미지 상자 위젯, CTA 위젯)을 제공하는 다목적 위젯을 찾으십시오.
- 여러 열 대신 위젯의 레이아웃에 인라인 위치 지정을 사용합니다(여기서 추가된 각 열에는 더 많은 코드가 필요하므로 웹사이트 성능이 저하됨).
- 가능한 최고의 캐싱 도구를 사용하십시오. 사이트에 따라 WP Rocket 또는 WP-Optimize를 권장합니다. 일부 웹사이트는 로켓으로 더 나은 성능을 발휘하지만, 다른 사람들은 최적화로 더 잘합니다
- 이미지를 업로드하기 전에 크기 조정 및 압축하고 아이콘 및 일러스트레이션에 SVG 파일 사용
줄리안 송
셰이 토더
브라이언 에릭슨
팀 리버세이지
모바일 이미지 최적화
데스크톱에서 1920px/2560px 너비의 이미지를 로드하면 기본적으로 동일한 크기의 이미지가 모바일에서도 로드됩니다. (모바일 크기의 이미지 대신) 모바일에서 데스크톱 크기의 이미지를 로드하면 웹사이트의 성능과 핵심 성능 지표 지표가 크게 저하될 수 있습니다. 이를 방지하기 위해 Elementor 전문가인 Shay Toder는 다음과 같이 조언합니다. Photoshop과 같은 그래픽 소프트웨어.
데스크톱 모드에서 섹션이나 컬럼에 대한 배경 이미지를 추가할 때 '반응형 모드' 아이콘을 클릭하고 배경 이미지를 모바일 보기에 맞게 새로운 모바일 크기 이미지로 변경하십시오. 이 프로세스를 통해 데스크톱용 전체 너비 이미지와 모바일용 480픽셀 너비 이미지가 생성되어 Core Web Vitals 지표도 향상됩니다.”
불충분한 호스팅
웹호스팅은 웹사이트 성능에 막대한 영향을 미칠 수 있습니다. 간단히 말해서 웹호스팅은 웹사이트를 만들거나 망칠 수 있습니다. 이는 호스팅 회사가 웹사이트의 로딩 속도와 Google Core Vitals 점수에 영향을 미치기 때문입니다. 안타깝게도 많은 웹사이트 소유자의 공통적인 맹점은 신뢰할 수 있고 강력한 호스팅 회사를 선택하고 저렴한 호스팅을 자제하는 것의 중요성을 과소평가하는 것입니다.
Elementor Expert인 Julian Song은 추천 사항을 다음과 같이 공유합니다. 다음으로 고객에게 로컬 호스팅 서비스 제공업체(예: 대상 고객이 있는 곳)로 마이그레이션하도록 조언합니다. 그러나 청중이 전 세계에 흩어져 있다면 CDN 서비스를 사용하여 대기 시간을 150ms 미만으로 줄이고 웹 사이트 속도를 더욱 높일 것을 강력히 제안합니다.”
다른 성능 최적화 문제나 질문을 접했고 이에 대해 전문가와 상담하고 싶습니까? 질문을 제출하려면 여기를 클릭하십시오. 21명의 검증된 전문가 중 한 명이 8월 10일과 8월 12일 에 진행되는 Q&A 세션에서 귀하의 질문에 답변할 것입니다.
귀하의 질문에 대한 빠른 답변 그 이상을 찾고 계십니까? 전문가 네트워크를 둘러보는 것이 좋습니다. Elementor Experts Network는 Elementor 사용자가 전문 Elementor 전문가를 검색하고 고용할 수 있는 포괄적인 플랫폼입니다. Elementor 전문가는 그들이 우리의 표준을 충족하고 그들이 하는 일에서 실제로 최고인지 확인합니다.
WP 웹사이트
곧