웹 성능 컨설턴트: Drupal
Drupal 사이트의 웹 성능을 최적화합니다
Drupal은 까다로운 institutional 및 corporate 사이트를 motorize합니다. 그 유연성(Field API, Views, Layout Builder)은 제약되지 않으면 상당한 성능 부채도 생성합니다. 녹색 Core Web Vitals를 제공하기 위해 Render API, page cache, Views 및 SQL 쿼리에 작업합니다.
고객들이 신뢰합니다
감사를 부르는 Drupal 신호
Drupal은 백엔드 profiling 없이 Lighthouse도 PageSpeed도 식별하지 않는 특정 병목을 보여줍니다.
🐢 전략 페이지에서 origin TTFB가 1초 이상
잘못 사용된 Render API, 너무 fine하거나 너무 broad한 cache contexts, 무거운 hook. Drupal은 모든 요청에서 HTML을 재계산합니다. 적절히 구성된 Dynamic Page Cache와 BigPipe 없이 TTFB는 쉽게 1초를 초과합니다.
🔍 수백 개의 SQL 쿼리를 트리거하는 비용 큰 Views
relation, field formatter 및 잘못 설계된 filter가 있는 View는 페이지당 500개 쿼리를 생성할 수 있습니다. Views 최적화(pagination, contextual filter, denormalization)는 가장 보람 있는 lever 중 하나입니다.
📚 쿼리를 곱하는 Entity reference
한 entity를 참조하는 것은 문제가 아니지만 sub-reference가 있는 페이지에서 5개를 참조하면 cascade로 쿼리를 곱합니다. Profiling이 패턴을 노출하고, refactoring이 뒤따릅니다.
⚙️ 모든 요청에서 실행되는 hook과 listener
hook_node_load(), hook_entity_view(), Symfony event subscriber. 모든 active listener는 어디서나 실행됩니다. XHProf 또는 Blackfire profiling은 무거운 것을 식별하고 conditioning 또는 제거를 허용합니다.
🖼️ AVIF가 아닌 Image style, LCP에 fetchpriority 없음
Drupal Image style은 기본적으로 AVIF를 생성하지 않습니다. Responsive Image module과 ImageMagick 또는 외부 service(Cloudinary, Imgix)와의 통합이 문제를 해결합니다. LCP image preload와 결합됩니다.
🧱 rendering을 over-layering하는 Layout Builder 또는 Paragraphs
Layout Builder는 많은 것을 가능하게 하지만 모든 view에 계산 layer를 추가합니다. 적절히 배치된 cache fragment 없이 모든 section이 재계산됩니다. 유연성/비용 비율이 측정되고 arbitrated됩니다.
Drupal 최적화 방법론
4 성과를 변환하는 단계
1. XHProf 또는 Blackfire 백엔드 profiling
성능에 부담을 주는 함수, hook 및 service 식별. Entity reference cascade 및 비용 큰 Views 표면화.
2. Render API 및 cache 최적화
Cache contexts, cache tag, cache max-age 감사. Dynamic Page Cache, BigPipe 활성화, 익명 트래픽을 위한 Internal Page Cache 구성.
3. Views 및 SQL 쿼리 rework
Views 최적화(pagination, eager loading, 쓸모없는 field 제외), SQL index 추가, 무거운 hook refactoring.
4. CDN + Varnish + 모니터링
익명 full page caching을 위한 Varnish 통합, CDN 구성(Akamai, Cloudflare, Fastly). 지속적 Core Web Vitals 모니터링 설정.
1. XHProf 또는 Blackfire 백엔드 profiling
성능에 부담을 주는 함수, hook 및 service 식별. Entity reference cascade 및 비용 큰 Views 표면화.
2. Render API 및 cache 최적화
Cache contexts, cache tag, cache max-age 감사. Dynamic Page Cache, BigPipe 활성화, 익명 트래픽을 위한 Internal Page Cache 구성.
3. Views 및 SQL 쿼리 rework
Views 최적화(pagination, eager loading, 쓸모없는 field 제외), SQL index 추가, 무거운 hook refactoring.
4. CDN + Varnish + 모니터링
익명 full page caching을 위한 Varnish 통합, CDN 구성(Akamai, Cloudflare, Fastly). 지속적 Core Web Vitals 모니터링 설정.
미션 약속
Frequently asked questions
Drupal이 WordPress보다 느린가?
headless Drupal로 가야 하나?
Drupal 7, 9, 10, 11, 최적화가 다른가?
Drupal engagement는 어떻게 구조화됩니까?
안정적인 Core Web Vitals를 위해 Drupal을 최적화하세요
2023-2026 데이터
고객 후기
훌륭한 작업입니다.
Paul은 사이트 속도를 눈에 띄게 개선했고 Google 권장사항에 완벽히 맞춰 주었습니다.
전문적이고 꼼꼼하며 효율적이라 강력히 추천합니다.
Nicolas - April Moto
디지털 & 이커머스 디렉터
저희는 Paul의 업무에 매우 만족하고 있습니다. 그는 신속하고, 언제든지 응대 가능하며, 특히 효율적입니다. 그가 합류한 이후 성과와 대응력 측면 모두에서 매우 좋은 결과가 확인되었습니다. 저희 팀의 진정한 자산입니다.
Léo - Maison de luxe
이커머스 프로덕트 오너
우리가 이 말을 충분히 했는지는 모르겠지만.
하지만 로딩 속도를 개선하고,
Google을 만족시키고 Core Web Vitals를 초록 영역으로 만들고 싶다면,
Paul Delcloy에게 연락하세요.
Florian Darroman - Les Makers
공동 창업자
Drupal, 유연한 힘과 잠재된 성능 부채
Drupal은 France와 Europe에서 institutional, 정부 및 enterprise 사이트의 상당 부분을 motorize합니다. 그 native 유연성(Field API, Views, Layout Builder, Paragraphs)은 모든 비즈니스 도메인을 모델링할 수 있게 하며, 성능 부채에 대한 넓은 문을 엽니다. 30개 field, 5개 entity reference 및 3개 nested Views가 있는 article 페이지는 render당 200~500개의 SQL 쿼리를 트리거할 수 있습니다.
Drupal의 웹 성능 최적화 angle은 fundamentally architectural입니다: Render API 및 cache contexts의 마스터리, Dynamic Page Cache 및 BigPipe의 올바른 활성화, 비용이 큰 Views rework, hook 및 entity reference profiling. Lighthouse 또는 PageSpeed와 같은 표준 도구는 부족합니다. Drupal이 시간을 어디에 소비하는지 식별하려면 XHProf 또는 Blackfire로 profile해야 합니다.
Render API 및 cache contexts, 핵심 주제
잘 사용되면 Drupal cache 시스템은 모든 CMS에서 가장 강력한 것 중 하나입니다. 외과적 invalidation을 위한 cache tag, variability를 위한 cache contexts(user, route, query), storage strategy를 위한 cache bin. 잘못 사용되면 너무 광범위하게 캐시하거나(mass invalidation) 너무 엄격하게 캐시합니다(systematic cache miss). 직접적인 결과: cache luck에 따라 TTFB가 300ms와 2초 사이에서 드리프트.
Drupal 미션에서 저는 LCP critical 템플릿의 Render API 호출을 매핑하고, misplaced cache contexts를 식별하고, 자체 캐시가 있는 Views를 합리화하고, 적절히 구성된 Dynamic Page Cache + BigPipe를 설정하는 것으로 시작합니다.
현대 스택: Drupal 10/11 + Varnish + CDN
enterprise 미션에서 Drupal은 항상 더 광범위한 스택에 있습니다: anonymous full page caching을 위한 frontal Varnish, 전달을 위한 CDN(Akamai, Cloudflare, Fastly), 검색을 위한 Solr 또는 Elasticsearch, object cache를 위한 Redis. 각 layer는 구성에 따라 lever 또는 병목이 될 수 있습니다. Drupal webperf 미션은 애플리케이션 코드뿐만 아니라 전체를 커버합니다.
기타 전문 분야 기술
Angular
Angular 최적화: lazy modules, OnPush change detection, SSR Universal 또는 Analog, signals, zone.js 제거. Enterprise SPA에서 안정적인 Core Web Vitals.
더 알아보기
Astro
Astro 최적화: island 아키텍처, image 최적화, view transition, content collection. 녹색 Core Web Vitals를 가진 거의 정적 사이트.
더 알아보기
Laravel
Laravel 최적화: Eloquent N+1, opcache + JIT, Octane, Redis cache, async queue, MySQL tuning. 떨어진 TTFB와 녹색 Core Web Vitals.
더 알아보기