최신 웹 사이트에서는 동적으로 생성 된 컨텐츠는 일반적으로 DOM 운영을 통해 달성됩니다. 그러나 빈번한 DOM 작업으로 인해 페이지로드가 느려지고 서버로드가 증가 할 수 있습니다. 웹 사이트의 성능을 최적화하려면 액세스 속도를 향상시키기 위해 DOM 운영 수를 줄여야합니다. 이 기사는 DOM 운영을 줄이기위한 몇 가지 팁을 소개하고 해당 코드 예제를 제공합니다.
생성 된 DOM 객체를 여러 번 사용해야하는 경우 캐시 변수를 사용하여 이러한 객체를 저장하여 DOM 작업을 중복 할 수 있습니다. 예를 들어 다음 코드는 캐시 변수에 DOM 객체를 저장합니다.
<?php // 생성하다DOM물체 $dom = new DOMDocument(); $dom-> loadhtml ( ''<div id="content"> 안녕하세요 세상!</div> '); // 캐시 변수에 dom 객체를 저장 $ cache [ 'content'] = $ dom-> getElementById ( 'content'); ?>
그런 다음 DOM 작업을 다시 수행하지 않고도 캐시 변수에 액세스하여 DOM 객체를 얻을 수 있습니다.
<?php // 캐시 변수에서 얻습니다DOM물체 $content = $cache['content']; // 개정하다DOM물체 $content-> nodevalue = 'hello php!'; ?>
캐시 변수를 사용하면 불필요한 DOM 작업을 크게 줄이고 성능을 향상시킬 수 있습니다.
DOM을 배치함으로써 다중 DOM 작업을 하나로 결합하여 성능 오버 헤드를 줄일 수 있습니다. 다음 코드는 배치에 여러 DOM 요소를 추가하는 방법을 보여줍니다.
<?php $dom = new DOMDocument(); $root = $dom-> CreateElement ( '루트'); // 배치에 DOM 요소를 추가하십시오. $ prast = $ dom-> createCumentFragment (); for ($ i = 1; $ i <= 10; $ i ++) { $ child = $ dom-> createElement ( 'item', 'item'. $ i); $ frag-> AppendChild ($ child); } $ root-> AppendChild ($ frag); $ dom-> AppendChild ($ root); echo $ dom-> savehtml (); ?>
CreateCumentFragment () 메소드를 사용하여 여러 DOM 요소의 생성 및 추가를 하나의 작업으로 결합하여 성능을 향상시킬 수 있습니다.
XPath 또는 CSS Selector와 같은 선택기를 사용하는 것은 특정 요소를 찾아야 할 때 DOM 트리를 통과하는 것보다 효율적입니다. 다음 코드는 XPath 선택기를 사용하여 클래스 "항목"을 사용하여 모든 요소를 얻는 방법을 보여줍니다.
<?php $dom = new DOMDocument(); $dom-> loadhtml ( ''<div class="item"> 항목 1</div><div class="item"> 항목 2</div><div class="item"> 항목 3</div> '); $ xpath = 새로운 domxpath ($ dom); $ items = $ xpath-> query ( '// div [@class = "item"]'); foreach ($ aits as $ item) { echo $ item-> nodevalue. '<br> ';; } ?>
XPath 선택기를 사용하여 전체 DOM 트리를 가로 지르는 성능 오버 헤드를 피하면서 필요한 DOM 요소를 빠르고 정확하게 얻을 수 있습니다.
DOM 운영 수를 줄임으로써 PHP 웹 사이트의 성능을 크게 향상시킬 수 있습니다. 이 기사에서는 캐시 변수 사용, DOMS의 배치 조작 및 선택기의 배치 조작 및 DOM 작업을 줄이고 해당 코드 예제를 제공하는 것과 같은 기술을 소개합니다. 이 팁이 웹 사이트 성능을 최적화하는 데 도움이되기를 바랍니다.