Ce este DOM-ul Optimizat?
Ce este DOM-ul Optimizat? DOM-ul Optimizat urmărește să îmbunătățească performanța prin scăderea numărului de elemente wrapper prezente în HTML-ul generat de Elementor.
Acest experiment include câteva modificări de markup care pot afecta orice cod personalizat pe care utilizatorii l-au implementat pe site-urile lor web. Deoarece aceasta se află doar în etapa de experimente, utilizatorii pot testa noua ieșire DOM optimizată numai pe site-urile de testare pentru a evita deteriorarea site-urilor existente.
Acest experiment este activ automat pe toate site-urile NOI cu o nouă instalare a Elementor.
Cum să Utilizați Acest Experiment
- Accesați Elementor > Setări > fila Experimente.
- Selectați Activ din meniul derulant Optimized DOM Output.
- Faceți clic pe butonul Salvare modificări.
Mai multe despre DOM-ul Optimizat
Începând cu Elementor 3.0, au fost aduse unele îmbunătățiri semnificative referitor la DOM, pentru a crește viteza și performanța noilor site-uri web Elementor. Dezvoltatorii au abordat o preocupare din ce în ce mai mare cu privire la numărul de elemente Wrapper HTML care au fost scoase de Elementor. Ca răspuns, au eliminat unele elemente Wrapper.
Prezența acestor Wrappers s-a datorat utilizării diverse a Elementor, capacității de a utiliza aceste selectoare în diferite moduri pentru a vă personaliza site-ul și scopului omniprezent al Elementor ca soluție pentru crearea vizuală de site-uri web avansate.
Eliminarea elementelor wrapper din DOM contribuie la o ieșire mai simplificată a codului, o mai bună lizibilitate și mai puțină complexitate. Un DOM mai mic contribuie la creșterea vitezei și a performanței. Aceasta este, totuși, o schimbare potențială, așa că în mod implicit, Elementor va folosi numai Ieșirea DOM optimizată pe site-uri noi.
Ce pachete HTML au fost eliminate în 3.0?
Trei (3) wrapper-uri HTML sunt eliminate, inclusiv:
- .elementor-inner
- .elementor-row
- .elementor-column-wrap
Wrapper-urile HTML au fost eliminate în 3.2
În această versiune, au eliminat următoarele două (2) pachete HTML:
- .elementor-imagine
- .elementor-text-editor
Pe Cine Afectează Această Schimbare?
În mod implicit, acest lucru afectează numai site-urile noi, pentru a evita distrugerea site-urilor existente care fac upgrade la 3.0. Utilizarea ieșirii DOM optimizate pe site-urile existente care fac upgrade de la versiunea anterioară 3.0 ar putea duce la deteriorarea aspectului și/sau funcționalității site-ului dvs. Din acest motiv, ieșirea DOM optimizată este dezactivată pe site-urile actualizate, iar DOM moștenit rămâne în vigoare. Cu toate acestea, dacă faceți upgrade la 3.0 și doriți să utilizați Ieșirea DOM optimizată, puteți activa această funcție. Pur și simplu accesați Elementor > Setări > Avansat și selectați Activare în meniul derulant Ieșire DOM optimizată.
Dacă ați folosit oricare dintre aceste clase de wrapper fie în CSS personalizat, fie în codul personalizat, ar trebui să re-factorizați codul pentru a utiliza diferite clase de wrapper care nu sunt eliminate. În caz contrar, stilurile sau codul personalizat nu vor mai funcționa corect.
Dacă nu puteți edita textul în fereastra principală și puteți edita textul numai în panoul editorului, încercați să dezactivați experimentul Optimized DOM Output.
Vezi postarea dezvoltatorilor despre această schimbare aici.
