http://localhost:10200/dobetterweb/dbw_tester.html
32 FCP+0LCP+0TBT+8CLS+23SI+2 P̂ér̂f́ôŕm̂án̂ćê
V̂ál̂úêś âŕê éŝt́îḿât́êd́ âńd̂ ḿâý v̂ár̂ý. T̂h́ê ṕêŕf̂ór̂ḿâńĉé ŝćôŕê íŝ ćâĺĉúl̂át̂éd̂ d́îŕêćt̂ĺŷ f́r̂óm̂ t́ĥéŝé m̂ét̂ŕîćŝ.Ŝéê ćâĺĉúl̂át̂ór̂.
0–49 50–89 90–100
Final Screenshot
M̂ét̂ŕîćŝ
F̂ír̂śt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́
6,8 ŝ
F̂ír̂śt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ m̂ár̂ḱŝ t́ĥé t̂ím̂é ât́ ŵh́îćĥ t́ĥé f̂ír̂śt̂ t́êx́t̂ ór̂ ím̂áĝé îś p̂áîńt̂éd̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé F̂ír̂śt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ m̂ét̂ŕîć.
L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́
11,0 ŝ
L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ m̂ár̂ḱŝ t́ĥé t̂ím̂é ât́ ŵh́îćĥ t́ĥé l̂ár̂ǵêśt̂ t́êx́t̂ ór̂ ím̂áĝé îś p̂áîńt̂éd̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ m̂ét̂ŕîć
T̂ót̂ál̂ B́l̂óĉḱîńĝ T́îḿê
1.070 m̂ś
Ŝúm̂ óf̂ ál̂ĺ t̂ím̂é p̂ér̂íôd́ŝ b́êt́ŵéêń F̂ĆP̂ án̂d́ T̂ím̂é t̂ó Îńt̂ér̂áĉt́îv́ê, ẃĥén̂ t́âśk̂ ĺêńĝt́ĥ éx̂ćêéd̂éd̂ 50ḿŝ, éx̂ṕr̂éŝśêd́ îń m̂íl̂ĺîśêćôńd̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê T́ôt́âĺ B̂ĺôćk̂ín̂ǵ T̂ím̂é m̂ét̂ŕîć.
Ĉúm̂úl̂át̂ív̂é L̂áŷóût́ Ŝh́îf́t̂
0.1
Ĉúm̂úl̂át̂ív̂é L̂áŷóût́ Ŝh́îf́t̂ ḿêáŝúr̂éŝ t́ĥé m̂óv̂ém̂én̂t́ ôf́ v̂íŝíb̂ĺê él̂ém̂én̂t́ŝ ẃît́ĥín̂ t́ĥé v̂íêẃp̂ór̂t́. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê Ćûḿûĺât́îv́ê Ĺâýôút̂ Śĥíf̂t́ m̂ét̂ŕîć.
Ŝṕêéd̂ Ín̂d́êx́
8,5 ŝ
Ŝṕêéd̂ Ín̂d́êx́ ŝh́ôẃŝ h́ôẃ q̂úîćk̂ĺŷ t́ĥé ĉón̂t́êńt̂ś ôf́ â ṕâǵê ár̂é v̂íŝíb̂ĺŷ ṕôṕûĺât́êd́. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê Śp̂éêd́ Îńd̂éx̂ ḿêt́r̂íĉ.
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Ŝh́ôẃ âúd̂ít̂ś r̂él̂év̂án̂t́ t̂ó:
D̂íâǵn̂óŝt́îćŝ
M̂ín̂ím̂íẑé m̂áîń-t̂h́r̂éâd́ ŵór̂ḱ 2,7 ŝ
Ĉón̂śîd́êŕ r̂éd̂úĉín̂ǵ t̂h́ê t́îḿê śp̂én̂t́ p̂ár̂śîńĝ, ćôḿp̂íl̂ín̂ǵ âńd̂ éx̂éĉút̂ín̂ǵ ĴŚ. Ŷóû ḿâý f̂ín̂d́ d̂él̂ív̂ér̂ín̂ǵ ŝḿâĺl̂ér̂ J́Ŝ ṕâýl̂óâd́ŝ h́êĺp̂ś ŵít̂h́ t̂h́îś. L̂éâŕn̂ h́ôẃ t̂ó m̂ín̂ím̂íẑé m̂áîń-t̂h́r̂éâd́ ŵór̂ḱTBT
Ĉát̂éĝór̂ý
T̂ím̂é Ŝṕêńt̂
Script Evaluation
1,247 ms
Other
936 ms
Rendering
302 ms
Style & Layout
178 ms
Parse HTML & CSS
20 ms
Script Parsing & Compilation
17 ms
L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ êĺêḿêńt̂ 10.950 m̂ś
T̂h́îś îś t̂h́ê ĺâŕĝéŝt́ ĉón̂t́êńt̂f́ûĺ êĺêḿêńt̂ ṕâín̂t́êd́ ŵít̂h́îń t̂h́ê v́îéŵṕôŕt̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ êĺêḿêńt̂LCP
Êĺêḿêńt̂
Do better web tester page
<h2 id="toppy" style="background-image:url('');">
P̂h́âśê
% ôf́ L̂ĆP̂
T̂ím̂ín̂ǵ
T̂T́F̂B́
0%
10 ms
L̂óâd́ D̂él̂áŷ
73%
7,960 ms
L̂óâd́ T̂ím̂é
27%
2,920 ms
R̂én̂d́êŕ D̂él̂áŷ
1%
60 ms
P̂ŕôṕêŕl̂ý ŝíẑé îḿâǵêś P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 456 K̂íB̂
Ŝér̂v́ê ím̂áĝéŝ t́ĥát̂ ár̂é âṕp̂ŕôṕr̂íât́êĺŷ-śîźêd́ t̂ó ŝáv̂é ĉél̂ĺûĺâŕ d̂át̂á âńd̂ ím̂ṕr̂óv̂é l̂óâd́ t̂ím̂é. L̂éâŕn̂ h́ôẃ t̂ó ŝíẑé îḿâǵêś.FCPLCP
WordPressÛṕl̂óâd́ îḿâǵêś d̂ír̂éĉt́l̂ý t̂h́r̂óûǵĥ t́ĥé m̂éd̂íâ ĺîb́r̂ár̂ý t̂ó êńŝúr̂é t̂h́ât́ t̂h́ê ŕêq́ûír̂éd̂ ím̂áĝé ŝíẑéŝ ár̂é âv́âíl̂áb̂ĺê, án̂d́ t̂h́êń îńŝér̂t́ t̂h́êḿ f̂ŕôḿ t̂h́ê ḿêd́îá l̂íb̂ŕâŕŷ ór̂ úŝé t̂h́ê ím̂áĝé ŵíd̂ǵêt́ t̂ó êńŝúr̂é t̂h́ê óp̂t́îḿâĺ îḿâǵê śîźêś âŕê úŝéd̂ (ín̂ćl̂úd̂ín̂ǵ t̂h́ôśê f́ôŕ t̂h́ê ŕêśp̂ón̂śîv́ê b́r̂éâḱp̂óîńt̂ś). Âv́ôíd̂ úŝín̂ǵ Full Size îḿâǵêś ûńl̂éŝś t̂h́ê d́îḿêńŝíôńŝ ár̂é âd́êq́ûát̂é f̂ór̂ t́ĥéîŕ ûśâǵê. Ĺêár̂ń M̂ór̂é.
ÛŔL̂
R̂éŝóûŕĉé Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
550.3 KiB
456.2 KiB
body > img
<img src="lighthouse-1024x680.jpg?iar1" width="120" height="15">
110.1 KiB
109.2 KiB
body > img
<img loading="lazy" src="lighthouse-1024x680.jpg?iar2" width="120" height="80" fetchpriority="low">
110.1 KiB
105.4 KiB
body > img
<img src="lighthouse-1024x680.jpg?isr2" width="120" height="80" style="position: absolute;">
110.1 KiB
105.4 KiB
body > img
<img src="lighthouse-1024x680.jpg?isr3" width="360" height="240" style="image-rendering: pixelated; position: absolute;">
110.1 KiB
68.1 KiB
body > img
<img src="http://localhost:10200/dobetterweb/lighthouse-1024x680.jpg" srcset="lighthouse-1024x680.jpg 2x" width="360" height="240" style="position: absolute;">
110.1 KiB
68.1 KiB
Êńâb́l̂é t̂éx̂t́ ĉóm̂ṕr̂éŝśîón̂ P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 143 K̂íB̂
T̂éx̂t́-b̂áŝéd̂ ŕêśôúr̂ćêś ŝh́ôúl̂d́ b̂é ŝér̂v́êd́ ŵít̂h́ ĉóm̂ṕr̂éŝśîón̂ (ǵẑíp̂, d́êf́l̂át̂é ôŕ b̂ŕôt́l̂í) t̂ó m̂ín̂ím̂íẑé t̂ót̂ál̂ ńêt́ŵór̂ḱ b̂ýt̂éŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́êx́t̂ ćôḿp̂ŕêśŝíôń.FCPLCP
WordPressŶóû ćâń êńâb́l̂é t̂éx̂t́ ĉóm̂ṕr̂éŝśîón̂ ín̂ ýôúr̂ ẃêb́ ŝér̂v́êŕ ĉón̂f́îǵûŕât́îón̂.
ÛŔL̂
T̂ŕâńŝf́êŕ Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
179.8 KiB
143.4 KiB
162.4 KiB
131.7 KiB
17.4 KiB
11.7 KiB
Ŝér̂v́ê ím̂áĝéŝ ín̂ ńêx́t̂-ǵêń f̂ór̂ḿât́ŝ P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 312 K̂íB̂
Îḿâǵê f́ôŕm̂át̂ś l̂ík̂é Ŵéb̂Ṕ âńd̂ ÁV̂ÍF̂ óf̂t́êń p̂ŕôv́îd́ê b́êt́t̂ér̂ ćôḿp̂ŕêśŝíôń t̂h́âń P̂ŃĜ ór̂ J́P̂ÉĜ, ẃĥíĉh́ m̂éâńŝ f́âśt̂ér̂ d́ôẃn̂ĺôád̂ś âńd̂ ĺêśŝ d́ât́â ćôńŝúm̂ṕt̂íôń. L̂éâŕn̂ ḿôŕê áb̂óût́ m̂ód̂ér̂ń îḿâǵê f́ôŕm̂át̂ś.FCPLCP
WordPressĈón̂śîd́êŕ ûśîńĝ t́ĥé P̂ér̂f́ôŕm̂án̂ćê Ĺâb́ p̂ĺûǵîń t̂ó âút̂óm̂át̂íĉál̂ĺŷ ćôńv̂ér̂t́ ŷóûŕ ûṕl̂óâd́êd́ ĴṔÊǴ îḿâǵêś îńt̂ó Ŵéb̂Ṕ, ŵh́êŕêv́êŕ ŝúp̂ṕôŕt̂éd̂.
ÛŔL̂
R̂éŝóûŕĉé Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
708.5 KiB
312.3 KiB
body > img
<img src="lighthouse-1024x680.jpg?iar1" width="120" height="15">
110.1 KiB
47.8 KiB
body > img
<img src="lighthouse-1024x680.jpg?isr2" width="120" height="80" style="position: absolute;">
110.1 KiB
47.8 KiB
body > img
<img src="lighthouse-1024x680.jpg?isr3" width="360" height="240" style="image-rendering: pixelated; position: absolute;">
110.1 KiB
47.8 KiB
body > img
<img src="http://localhost:10200/dobetterweb/lighthouse-1024x680.jpg" srcset="lighthouse-1024x680.jpg 2x" width="360" height="240" style="position: absolute;">
110.1 KiB
47.8 KiB
body > img
<img loading="lazy" src="lighthouse-1024x680.jpg?iar2" width="120" height="80" fetchpriority="low">
110.1 KiB
47.8 KiB
110.1 KiB
47.8 KiB
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
24.0 KiB
12.7 KiB
24.0 KiB
12.7 KiB
M̂ín̂íf̂ý Ĵáv̂áŜćr̂íp̂t́ P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 81 K̂íB̂
M̂ín̂íf̂ýîńĝ J́âv́âŚĉŕîṕt̂ f́îĺêś ĉán̂ ŕêd́ûćê ṕâýl̂óâd́ ŝíẑéŝ án̂d́ ŝćr̂íp̂t́ p̂ár̂śê t́îḿê. Ĺêár̂ń ĥóŵ t́ô ḿîńîf́ŷ J́âv́âŚĉŕîṕt̂.FCPLCP
WordPress ńûḿb̂ér̂ óf̂ Ẃôŕd̂Ṕr̂éŝś p̂ĺûǵîńŝ ćâń ŝṕêéd̂ úp̂ ýôúr̂ śît́ê b́ŷ ćôńĉát̂én̂át̂ín̂ǵ, m̂ín̂íf̂ýîńĝ, án̂d́ ĉóm̂ṕr̂éŝśîńĝ ýôúr̂ śĉŕîṕt̂ś. Ŷóû ḿâý âĺŝó ŵán̂t́ t̂ó ûśê á b̂úîĺd̂ ṕr̂óĉéŝś t̂ó d̂ó t̂h́îś m̂ín̂íf̂íĉát̂íôń ûṕ f̂ŕôńt̂ íf̂ ṕôśŝíb̂ĺê.
ÛŔL̂
T̂ŕâńŝf́êŕ Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
162.4 KiB
81.5 KiB
162.4 KiB
81.5 KiB
R̂éd̂úĉé ûńûśêd́ Ĵáv̂áŜćr̂íp̂t́ P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 92 K̂íB̂
R̂éd̂úĉé ûńûśêd́ Ĵáv̂áŜćr̂íp̂t́ âńd̂ d́êf́êŕ l̂óâd́îńĝ śĉŕîṕt̂ś ûńt̂íl̂ t́ĥéŷ ár̂é r̂éq̂úîŕêd́ t̂ó d̂éĉŕêáŝé b̂ýt̂éŝ ćôńŝúm̂éd̂ b́ŷ ńêt́ŵór̂ḱ âćt̂ív̂ít̂ý. L̂éâŕn̂ h́ôẃ t̂ó r̂éd̂úĉé ûńûśêd́ Ĵáv̂áŜćr̂íp̂t́.FCPLCP
WordPressĈón̂śîd́êŕ r̂éd̂úĉín̂ǵ, ôŕ ŝẃît́ĉh́îńĝ, t́ĥé n̂úm̂b́êŕ ôf́ Ŵór̂d́P̂ŕêśŝ ṕl̂úĝín̂ś l̂óâd́îńĝ ún̂úŝéd̂ J́âv́âŚĉŕîṕt̂ ín̂ ýôúr̂ ṕâǵê. T́ô íd̂én̂t́îf́ŷ ṕl̂úĝín̂ś t̂h́ât́ âŕê ád̂d́îńĝ éx̂t́r̂án̂éôúŝ J́Ŝ, t́r̂ý r̂ún̂ńîńĝ ćôd́ê ćôv́êŕâǵê ín̂ Ćĥŕôḿê D́êv́T̂óôĺŝ. Ýôú ĉán̂ íd̂én̂t́îf́ŷ t́ĥé t̂h́êḿê/ṕl̂úĝín̂ ŕêśp̂ón̂śîb́l̂é f̂ŕôḿ t̂h́ê ÚR̂Ĺ ôf́ t̂h́ê śĉŕîṕt̂. Ĺôók̂ óût́ f̂ór̂ ṕl̂úĝín̂ś t̂h́ât́ ĥáv̂é m̂án̂ý ŝćr̂íp̂t́ŝ ín̂ t́ĥé l̂íŝt́ ŵh́îćĥ h́âv́ê á l̂ót̂ óf̂ ŕêd́ îń ĉód̂é ĉóv̂ér̂áĝé.  ṕl̂úĝín̂ śĥóûĺd̂ ón̂ĺŷ én̂q́ûéûé â śĉŕîṕt̂ íf̂ ít̂ íŝ áĉt́ûál̂ĺŷ úŝéd̂ ón̂ t́ĥé p̂áĝé.
ÛŔL̂
T̂ŕâńŝf́êŕ Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
162.4 KiB
92.0 KiB
162.4 KiB
92.0 KiB
Âv́ôíd̂ śêŕv̂ín̂ǵ l̂éĝáĉý Ĵáv̂áŜćr̂íp̂t́ t̂ó m̂ód̂ér̂ń b̂ŕôẃŝér̂ś P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 26 K̂íB̂
P̂ól̂ýf̂íl̂ĺŝ án̂d́ t̂ŕâńŝf́ôŕm̂ś êńâb́l̂é l̂éĝáĉý b̂ŕôẃŝér̂ś t̂ó ûśê ńêẃ Ĵáv̂áŜćr̂íp̂t́ f̂éât́ûŕêś. Ĥóŵév̂ér̂, ḿâńŷ ár̂én̂'t́ n̂éĉéŝśâŕŷ f́ôŕ m̂ód̂ér̂ń b̂ŕôẃŝér̂ś. F̂ór̂ ýôúr̂ b́ûńd̂ĺêd́ Ĵáv̂áŜćr̂íp̂t́, âd́ôṕt̂ á m̂ód̂ér̂ń ŝćr̂íp̂t́ d̂ép̂ĺôým̂én̂t́ ŝt́r̂át̂éĝý ûśîńĝ ḿôd́ûĺê/ńôḿôd́ûĺê f́êát̂úr̂é d̂ét̂éĉt́îón̂ t́ô ŕêd́ûćê t́ĥé âḿôún̂t́ ôf́ ĉód̂é ŝh́îṕp̂éd̂ t́ô ḿôd́êŕn̂ b́r̂óŵśêŕŝ, ẃĥíl̂é r̂ét̂áîńîńĝ śûṕp̂ór̂t́ f̂ór̂ ĺêǵâćŷ b́r̂óŵśêŕŝ. Ĺêár̂ń ĥóŵ t́ô úŝé m̂ód̂ér̂ń Ĵáv̂áŜćr̂íp̂t́FCPLCP
ÛŔL̂
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
26.0 KiB
26.0 KiB
Object.defineProperty
Object.defineProperties
P̂áĝé p̂ŕêv́êńt̂éd̂ b́âćk̂/f́ôŕŵár̂d́ ĉáĉh́ê ŕêśt̂ór̂át̂íôń 1 f̂áîĺûŕê ŕêáŝón̂
M̂án̂ý n̂áv̂íĝát̂íôńŝ ár̂é p̂ér̂f́ôŕm̂éd̂ b́ŷ ǵôín̂ǵ b̂áĉḱ t̂ó â ṕr̂év̂íôúŝ ṕâǵê, ór̂ f́ôŕŵár̂d́ŝ áĝáîń. T̂h́ê b́âćk̂/f́ôŕŵár̂d́ ĉáĉh́ê (b́f̂ćâćĥé) ĉán̂ śp̂éêd́ ûṕ t̂h́êśê ŕêt́ûŕn̂ ńâv́îǵât́îón̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê b́f̂ćâćĥé
F̂áîĺûŕê ŕêáŝón̂
F̂áîĺûŕê t́ŷṕê
T̂h́ê ṕâǵê h́âś âń ûńl̂óâd́ ĥán̂d́l̂ér̂ ín̂ t́ĥé m̂áîń f̂ŕâḿê.
Âćt̂íôńâb́l̂é
P̂ŕêĺôád̂ Ĺâŕĝéŝt́ Ĉón̂t́êńt̂f́ûĺ P̂áîńt̂ ím̂áĝé P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ -40 m̂ś
Îf́ t̂h́ê ĹĈṔ êĺêḿêńt̂ íŝ d́ŷńâḿîćâĺl̂ý âd́d̂éd̂ t́ô t́ĥé p̂áĝé, ŷóû śĥóûĺd̂ ṕr̂él̂óâd́ t̂h́ê ím̂áĝé îń ôŕd̂ér̂ t́ô ím̂ṕr̂óv̂é L̂ĆP̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ ṕr̂él̂óâd́îńĝ ĹĈṔ êĺêḿêńt̂ś.LCP
ÛŔL̂
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
-40 ms
Do better web tester page
<h2 id="toppy" style="background-image:url('');">
-40 ms
Îḿâǵê él̂ém̂én̂t́ŝ d́ô ńôt́ ĥáv̂é êx́p̂ĺîćît́ width âńd̂ height
Ŝét̂ án̂ éx̂ṕl̂íĉít̂ ẃîd́t̂h́ âńd̂ h́êíĝh́t̂ ón̂ ím̂áĝé êĺêḿêńt̂ś t̂ó r̂éd̂úĉé l̂áŷóût́ ŝh́îf́t̂ś âńd̂ ím̂ṕr̂óv̂é ĈĹŜ. Ĺêár̂ń ĥóŵ t́ô śêt́ îḿâǵê d́îḿêńŝíôńŝCLS
ÛŔL̂
localhost
1ŝt́ p̂ár̂t́ŷ
body > img
<img src="blob:http://localhost:10200/fa49e413-bc80-4876-b31d-38a24f51cff7">
blob:http://localhost:10200/fa49e413-bc80-4876-b31d-38a24f51cff7
body > img
<img src="filesystem:http://localhost:10200/temporary/empty-0.9307734889843826.png">
filesystem:http://localhost:10200/temporary/empty-0.9307734889843826.png
Ûśê v́îd́êó f̂ór̂ḿât́ŝ f́ôŕ âńîḿât́êd́ ĉón̂t́êńt̂ P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 666 K̂íB̂
L̂ár̂ǵê ǴÎF́ŝ ár̂é îńêf́f̂íĉíêńt̂ f́ôŕ d̂él̂ív̂ér̂ín̂ǵ âńîḿât́êd́ ĉón̂t́êńt̂. Ćôńŝíd̂ér̂ úŝín̂ǵ M̂ṔÊǴ4/Ŵéb̂Ḿ v̂íd̂éôś f̂ór̂ án̂ím̂át̂íôńŝ án̂d́ P̂ŃĜ/Ẃêb́P̂ f́ôŕ ŝt́ât́îć îḿâǵêś îńŝt́êád̂ óf̂ ǴÎF́ t̂ó ŝáv̂é n̂ét̂ẃôŕk̂ b́ŷt́êś. L̂éâŕn̂ ḿôŕê áb̂óût́ êf́f̂íĉíêńt̂ v́îd́êó f̂ór̂ḿât́ŝFCPLCP
WordPressĈón̂śîd́êŕ ûṕl̂óâd́îńĝ ýôúr̂ ǴÎF́ t̂ó â śêŕv̂íĉé ŵh́îćĥ ẃîĺl̂ ḿâḱê ít̂ áv̂áîĺâb́l̂é t̂ó êḿb̂éd̂ áŝ án̂ H́T̂ḾL̂5 v́îd́êó.
ÛŔL̂
R̂éŝóûŕĉé Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
912.4 KiB
666.0 KiB
912.4 KiB
666.0 KiB
Ŝér̂v́ê śt̂át̂íĉ áŝśêt́ŝ ẃît́ĥ án̂ éf̂f́îćîén̂t́ ĉáĉh́ê ṕôĺîćŷ 20 ŕêśôúr̂ćêś f̂óûńd̂
 ĺôńĝ ćâćĥé l̂íf̂ét̂ím̂é ĉán̂ śp̂éêd́ ûṕ r̂ép̂éât́ v̂íŝít̂ś t̂ó ŷóûŕ p̂áĝé. L̂éâŕn̂ ḿôŕê áb̂óût́ êf́f̂íĉíêńt̂ ćâćĥé p̂ól̂íĉíêś.
ÛŔL̂
Ĉáĉh́ê T́T̂Ĺ
T̂ŕâńŝf́êŕ Ŝíẑé
localhost
1ŝt́ p̂ár̂t́ŷ
1,791 KiB
None
913 KiB
None
163 KiB
None
110 KiB
None
110 KiB
None
110 KiB
None
110 KiB
None
110 KiB
None
110 KiB
None
24 KiB
None
24 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
0 KiB
None
0 KiB
None
0 KiB
D̂óêś n̂ót̂ úŝé p̂áŝśîv́ê ĺîśt̂én̂ér̂ś t̂ó îḿp̂ŕôv́ê śĉŕôĺl̂ín̂ǵ p̂ér̂f́ôŕm̂án̂ćê
Ĉón̂śîd́êŕ m̂ár̂ḱîńĝ ýôúr̂ t́ôúĉh́ âńd̂ ẃĥéêĺ êv́êńt̂ ĺîśt̂én̂ér̂ś âś passive t̂ó îḿp̂ŕôv́ê ýôúr̂ ṕâǵê'ś ŝćr̂ól̂ĺ p̂ér̂f́ôŕm̂án̂ćê. Ĺêár̂ń m̂ór̂é âb́ôút̂ ád̂óp̂t́îńĝ ṕâśŝív̂é êv́êńt̂ ĺîśt̂én̂ér̂ś.
Ŝóûŕĉé
localhost
1ŝt́ p̂ár̂t́ŷ
Êĺîḿîńât́ê ŕêńd̂ér̂-b́l̂óĉḱîńĝ ŕêśôúr̂ćêś P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ 0 m̂ś
R̂éŝóûŕĉéŝ ár̂é b̂ĺôćk̂ín̂ǵ t̂h́ê f́îŕŝt́ p̂áîńt̂ óf̂ ýôúr̂ ṕâǵê. Ćôńŝíd̂ér̂ d́êĺîv́êŕîńĝ ćr̂ít̂íĉál̂ J́Ŝ/ĆŜŚ îńl̂ín̂é âńd̂ d́êf́êŕr̂ín̂ǵ âĺl̂ ńôń-ĉŕît́îćâĺ ĴŚ/ŝt́ŷĺêś. L̂éâŕn̂ h́ôẃ t̂ó êĺîḿîńât́ê ŕêńd̂ér̂-b́l̂óĉḱîńĝ ŕêśôúr̂ćêś.FCPLCP
WordPressT̂h́êŕê ár̂é â ńûḿb̂ér̂ óf̂ Ẃôŕd̂Ṕr̂éŝś p̂ĺûǵîńŝ t́ĥát̂ ćâń ĥél̂ṕ ŷóû ín̂ĺîńê ćr̂ít̂íĉál̂ áŝśêt́ŝ ór̂ d́êf́êŕ l̂éŝś îḿp̂ór̂t́âńt̂ ŕêśôúr̂ćêś. B̂éŵár̂é t̂h́ât́ ôṕt̂ím̂íẑát̂íôńŝ ṕr̂óv̂íd̂éd̂ b́ŷ t́ĥéŝé p̂ĺûǵîńŝ ḿâý b̂ŕêák̂ f́êát̂úr̂éŝ óf̂ ýôúr̂ t́ĥém̂é ôŕ p̂ĺûǵîńŝ, śô ýôú ŵíl̂ĺ l̂ík̂él̂ý n̂éêd́ t̂ó m̂ák̂é ĉód̂é ĉh́âńĝéŝ.
ÛŔL̂
T̂ŕâńŝf́êŕ Ŝíẑé
P̂ót̂én̂t́îál̂ Śâv́îńĝś
localhost
1ŝt́ p̂ár̂t́ŷ
2.9 KiB
5,140 ms
0.6 KiB
730 ms
0.2 KiB
880 ms
0.6 KiB
880 ms
0.6 KiB
880 ms
0.5 KiB
880 ms
0.2 KiB
880 ms
Âv́ôíd̂ document.write()
F̂ór̂ úŝér̂ś ôń ŝĺôẃ ĉón̂ńêćt̂íôńŝ, éx̂t́êŕn̂ál̂ śĉŕîṕt̂ś d̂ýn̂ám̂íĉál̂ĺŷ ín̂j́êćt̂éd̂ v́îá document.write() ĉán̂ d́êĺâý p̂áĝé l̂óâd́ b̂ý t̂én̂ś ôf́ ŝéĉón̂d́ŝ. Ĺêár̂ń ĥóŵ t́ô áv̂óîd́ d̂óĉúm̂én̂t́.ŵŕît́ê().
Ŝóûŕĉé
localhost
1ŝt́ p̂ár̂t́ŷ
Ĵáv̂áŜćr̂íp̂t́ êx́êćût́îón̂ t́îḿê 1,3 ŝ
Ĉón̂śîd́êŕ r̂éd̂úĉín̂ǵ t̂h́ê t́îḿê śp̂én̂t́ p̂ár̂śîńĝ, ćôḿp̂íl̂ín̂ǵ, âńd̂ éx̂éĉút̂ín̂ǵ ĴŚ. Ŷóû ḿâý f̂ín̂d́ d̂él̂ív̂ér̂ín̂ǵ ŝḿâĺl̂ér̂ J́Ŝ ṕâýl̂óâd́ŝ h́êĺp̂ś ŵít̂h́ t̂h́îś. L̂éâŕn̂ h́ôẃ t̂ó r̂éd̂úĉé Ĵáv̂áŝćr̂íp̂t́ êx́êćût́îón̂ t́îḿê.TBT
ÛŔL̂
T̂ót̂ál̂ ĆP̂Ú T̂ím̂é
Ŝćr̂íp̂t́ Êv́âĺûát̂íôń
Ŝćr̂íp̂t́ P̂ár̂śê
localhost
1ŝt́ p̂ár̂t́ŷ
2,273 ms
1,238 ms
17 ms
2,176 ms
1,150 ms
8 ms
96 ms
88 ms
9 ms
Ûńât́t̂ŕîb́ût́âb́l̂é
412 ms
4 ms
0 ms
Unattributable
412 ms
4 ms
0 ms
Âv́ôíd̂ ĺôńĝ ḿâín̂-t́ĥŕêád̂ t́âśk̂ś 3 ĺôńĝ t́âśk̂ś f̂óûńd̂
L̂íŝt́ŝ t́ĥé l̂ón̂ǵêśt̂ t́âśk̂ś ôń t̂h́ê ḿâín̂ t́ĥŕêád̂, úŝéf̂úl̂ f́ôŕ îd́êńt̂íf̂ýîńĝ ẃôŕŝt́ ĉón̂t́r̂íb̂út̂ór̂ś t̂ó îńp̂út̂ d́êĺâý. L̂éâŕn̂ h́ôẃ t̂ó âv́ôíd̂ ĺôńĝ ḿâín̂-t́ĥŕêád̂ t́âśk̂śTBT
ÛŔL̂
Ŝt́âŕt̂ T́îḿê
D̂úr̂át̂íôń
localhost
1ŝt́ p̂ár̂t́ŷ
1,290 ms
6,871 ms
1,121 ms
7,996 ms
98 ms
6,800 ms
71 ms
Âv́ôíd̂ ĺâŕĝé l̂áŷóût́ ŝh́îf́t̂ś 2 l̂áŷóût́ ŝh́îf́t̂ś f̂óûńd̂
T̂h́êśê ár̂é t̂h́ê ĺâŕĝéŝt́ l̂áŷóût́ ŝh́îf́t̂ś ôb́ŝér̂v́êd́ ôń t̂h́ê ṕâǵê. Éâćĥ t́âb́l̂é ît́êḿ r̂ép̂ŕêśêńt̂ś â śîńĝĺê ĺâýôút̂ śĥíf̂t́, âńd̂ śĥóŵś t̂h́ê él̂ém̂én̂t́ t̂h́ât́ ŝh́îf́t̂éd̂ t́ĥé m̂óŝt́. B̂él̂óŵ éâćĥ ít̂ém̂ ár̂é p̂óŝśîb́l̂é r̂óôt́ ĉáûśêś t̂h́ât́ l̂éd̂ t́ô t́ĥé l̂áŷóût́ ŝh́îf́t̂. Śôḿê óf̂ t́ĥéŝé l̂áŷóût́ ŝh́îf́t̂ś m̂áŷ ńôt́ b̂é îńĉĺûd́êd́ îń t̂h́ê ĆL̂Ś m̂ét̂ŕîć v̂ál̂úê d́ûé t̂ó ŵín̂d́ôẃîńĝ. Ĺêár̂ń ĥóŵ t́ô ím̂ṕr̂óv̂é ĈĹŜCLS
Êĺêḿêńt̂
L̂áŷóût́ ŝh́îf́t̂ śĉór̂é
Do better web tester page Hi there!
<div>
0.060
 ĺât́ê ńêt́ŵór̂ḱ r̂éq̂úêśt̂ ád̂j́ûśt̂éd̂ t́ĥé p̂áĝé l̂áŷóût́
Do better web tester page Hi there!
<div>
0.039
Ûśêŕ T̂ím̂ín̂ǵ m̂ár̂ḱŝ án̂d́ m̂éâśûŕêś 41 ûśêŕ t̂ím̂ín̂ǵŝ
Ĉón̂śîd́êŕ îńŝt́r̂úm̂én̂t́îńĝ ýôúr̂ áp̂ṕ ŵít̂h́ t̂h́ê Úŝér̂ T́îḿîńĝ ÁP̂Í t̂ó m̂éâśûŕê ýôúr̂ áp̂ṕ'ŝ ŕêál̂-ẃôŕl̂d́ p̂ér̂f́ôŕm̂án̂ćê d́ûŕîńĝ ḱêý ûśêŕ êx́p̂ér̂íêńĉéŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ Úŝér̂ T́îḿîńĝ ḿâŕk̂ś.
N̂ám̂é
T̂ýp̂é
Ŝt́âŕt̂ T́îḿê
D̂úr̂át̂íôń
Zone
Measure
8,006.37 ms
1.93 ms
Zone:ZoneAwarePromise
Measure
8,009.76 ms
2.04 ms
Zone:toString
Measure
8,011.87 ms
0.03 ms
Zone:util
Measure
8,012.71 ms
0.89 ms
Zone:legacy
Measure
8,013.63 ms
10.87 ms
Zone:registerElement
Measure
8,013.75 ms
0.75 ms
Zone:EventTargetLegacy
Measure
8,014.63 ms
9.87 ms
Zone:queueMicrotask
Measure
8,024.53 ms
0.47 ms
Zone:timers
Measure
8,024.99 ms
0.81 ms
Zone:requestAnimationFrame
Measure
8,025.90 ms
0.70 ms
Zone:blocking
Measure
8,026.93 ms
0.18 ms
Zone:EventTarget
Measure
8,027.15 ms
0.95 ms
Zone:MutationObserver
Measure
8,028.11 ms
1.19 ms
Zone:IntersectionObserver
Measure
8,029.37 ms
0.73 ms
Zone:FileReader
Measure
8,030.24 ms
0.76 ms
Zone:on_property
Measure
8,031.94 ms
59.06 ms
Zone:customElements
Measure
8,091.10 ms
0.91 ms
Zone:XHR
Measure
8,092.04 ms
0.06 ms
Zone:geolocation
Measure
8,092.16 ms
0.64 ms
Zone:PromiseRejectionEvent
Measure
8,092.87 ms
0.54 ms
Zone
Mark
8,006.37 ms
Zone:ZoneAwarePromise
Mark
8,009.76 ms
Zone:toString
Mark
8,011.87 ms
Zone:util
Mark
8,012.71 ms
Zone:legacy
Mark
8,013.63 ms
Zone:defineProperty
Mark
8,013.68 ms
Zone:registerElement
Mark
8,013.75 ms
Zone:EventTargetLegacy
Mark
8,014.63 ms
Zone:queueMicrotask
Mark
8,024.53 ms
Zone:timers
Mark
8,024.99 ms
Zone:requestAnimationFrame
Mark
8,025.90 ms
Zone:blocking
Mark
8,026.93 ms
Zone:EventTarget
Mark
8,027.15 ms
Zone:MutationObserver
Mark
8,028.11 ms
Zone:IntersectionObserver
Mark
8,029.37 ms
Zone:FileReader
Mark
8,030.24 ms
Zone:on_property
Mark
8,031.94 ms
Zone:customElements
Mark
8,091.10 ms
Zone:XHR
Mark
8,092.04 ms
Zone:geolocation
Mark
8,092.16 ms
Zone:PromiseRejectionEvent
Mark
8,092.87 ms
Âv́ôíd̂ ńôń-ĉóm̂ṕôśît́êd́ âńîḿât́îón̂ś 1 âńîḿât́êd́ êĺêḿêńt̂ f́ôún̂d́
Âńîḿât́îón̂ś ŵh́îćĥ ár̂é n̂ót̂ ćôḿp̂óŝít̂éd̂ ćâń b̂é ĵán̂ḱŷ án̂d́ îńĉŕêáŝé ĈĹŜ. Ĺêár̂ń ĥóŵ t́ô áv̂óîd́ n̂ón̂-ćôḿp̂óŝít̂éd̂ án̂ím̂át̂íôńŝCLS
Êĺêḿêńt̂
N̂ám̂é
hi
<div id="animated-boi">
Ûńŝúp̂ṕôŕt̂éd̂ ĆŜŚ P̂ŕôṕêŕt̂íêś: margin-left, height
badanim
Îńît́îál̂ śêŕv̂ér̂ ŕêśp̂ón̂śê t́îḿê ẃâś ŝh́ôŕt̂ R̂óôt́ d̂óĉúm̂én̂t́ t̂óôḱ 0 m̂ś
K̂éêṕ t̂h́ê śêŕv̂ér̂ ŕêśp̂ón̂śê t́îḿê f́ôŕ t̂h́ê ḿâín̂ d́ôćûḿêńt̂ śĥór̂t́ b̂éĉáûśê ál̂ĺ ôt́ĥér̂ ŕêq́ûéŝt́ŝ d́êṕêńd̂ ón̂ ít̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé T̂ím̂é t̂ó F̂ír̂śt̂ B́ŷt́ê ḿêt́r̂íĉ.FCPLCP
WordPressT̂h́êḿêś, p̂ĺûǵîńŝ, án̂d́ ŝér̂v́êŕ ŝṕêćîf́îćât́îón̂ś âĺl̂ ćôńt̂ŕîb́ût́ê t́ô śêŕv̂ér̂ ŕêśp̂ón̂śê t́îḿê. Ćôńŝíd̂ér̂ f́îńd̂ín̂ǵ â ḿôŕê óp̂t́îḿîźêd́ t̂h́êḿê, ćâŕêf́ûĺl̂ý ŝél̂éĉt́îńĝ án̂ óp̂t́îḿîźât́îón̂ ṕl̂úĝín̂, án̂d́/ôŕ ûṕĝŕâd́îńĝ ýôúr̂ śêŕv̂ér̂.
ÛŔL̂
T̂ím̂é Ŝṕêńt̂
localhost
1ŝt́ p̂ár̂t́ŷ
0 ms
0 ms
Âv́ôíd̂ś êńôŕm̂óûś n̂ét̂ẃôŕk̂ ṕâýl̂óâd́ŝ T̂ót̂ál̂ śîźê ẃâś 1.827 K̂íB̂
L̂ár̂ǵê ńêt́ŵór̂ḱ p̂áŷĺôád̂ś ĉóŝt́ ûśêŕŝ ŕêál̂ ḿôńêý âńd̂ ár̂é ĥíĝh́l̂ý ĉór̂ŕêĺât́êd́ ŵít̂h́ l̂ón̂ǵ l̂óâd́ t̂ím̂éŝ. Ĺêár̂ń ĥóŵ t́ô ŕêd́ûćê ṕâýl̂óâd́ ŝíẑéŝ.
WordPressĈón̂śîd́êŕ ŝh́ôẃîńĝ éx̂ćêŕp̂t́ŝ ín̂ ýôúr̂ ṕôśt̂ ĺîśt̂ś (ê.ǵ. v̂íâ t́ĥé m̂ór̂é t̂áĝ), ŕêd́ûćîńĝ t́ĥé n̂úm̂b́êŕ ôf́ p̂óŝt́ŝ śĥóŵń ôń â ǵîv́êń p̂áĝé, b̂ŕêák̂ín̂ǵ ŷóûŕ l̂ón̂ǵ p̂óŝt́ŝ ín̂t́ô ḿûĺt̂íp̂ĺê ṕâǵêś, ôŕ ûśîńĝ á p̂ĺûǵîń t̂ó l̂áẑý-l̂óâd́ ĉóm̂ḿêńt̂ś.
ÛŔL̂
T̂ŕâńŝf́êŕ Ŝíẑé
localhost
1ŝt́ p̂ár̂t́ŷ
1,785.6 KiB
912.6 KiB
162.7 KiB
110.3 KiB
110.3 KiB
110.3 KiB
110.3 KiB
110.3 KiB
110.3 KiB
24.3 KiB
24.3 KiB
Âv́ôíd̂ś âń êx́ĉéŝśîv́ê D́ÔḾ ŝíẑé 151 él̂ém̂én̂t́ŝ
 ĺâŕĝé D̂ÓM̂ ẃîĺl̂ ín̂ćr̂éâśê ḿêḿôŕŷ úŝáĝé, ĉáûśê ĺôńĝér̂ śt̂ýl̂é ĉál̂ćûĺât́îón̂ś, âńd̂ ṕr̂ód̂úĉé ĉóŝt́l̂ý l̂áŷóût́ r̂éf̂ĺôẃŝ. Ĺêár̂ń ĥóŵ t́ô áv̂óîd́ âń êx́ĉéŝśîv́ê D́ÔḾ ŝíẑé.TBT
Ŝt́ât́îśt̂íĉ
Êĺêḿêńt̂
V̂ál̂úê
T̂ót̂ál̂ D́ÔḾ Êĺêḿêńt̂ś
151
M̂áx̂ím̂úm̂ D́ÔḾ D̂ép̂t́ĥ
body > div > svg.social-facebook > title#social-facebook-5
<title id="social-facebook-5">
4
M̂áx̂ím̂úm̂ Ćĥíl̂d́ Êĺêḿêńt̂ś
body > div#shadow-root-container
<div id="shadow-root-container">
100
Âv́ôíd̂ ćĥáîńîńĝ ćr̂ít̂íĉál̂ ŕêq́ûéŝt́ŝ 11 ĉh́âín̂ś f̂óûńd̂
T̂h́ê Ćr̂ít̂íĉál̂ Ŕêq́ûéŝt́ Ĉh́âín̂ś b̂él̂óŵ śĥóŵ ýôú ŵh́ât́ r̂éŝóûŕĉéŝ ár̂é l̂óâd́êd́ ŵít̂h́ â h́îǵĥ ṕr̂íôŕît́ŷ. Ćôńŝíd̂ér̂ ŕêd́ûćîńĝ t́ĥé l̂én̂ǵt̂h́ ôf́ ĉh́âín̂ś, r̂éd̂úĉín̂ǵ t̂h́ê d́ôẃn̂ĺôád̂ śîźê óf̂ ŕêśôúr̂ćêś, ôŕ d̂éf̂ér̂ŕîńĝ t́ĥé d̂óŵńl̂óâd́ ôf́ ûńn̂éĉéŝśâŕŷ ŕêśôúr̂ćêś t̂ó îḿp̂ŕôv́ê ṕâǵê ĺôád̂. Ĺêár̂ń ĥóŵ t́ô áv̂óîd́ ĉh́âín̂ín̂ǵ ĉŕît́îćâĺ r̂éq̂úêśt̂ś.
M̂áx̂ím̂úm̂ ćr̂ít̂íĉál̂ ṕât́ĥ ĺât́êńĉý: 7,963.211 ms
Îńît́îál̂ Ńâv́îǵât́îón̂
- 568.125 ms, 0.65 KiB
- 579.06 ms, 0.23 KiB
- 2,203.468 ms, 0.65 KiB
- 581.839 ms, 0.68 KiB
- 3,022.122 ms, 0.65 KiB
- 3,575.183 ms, 0.65 KiB
- 2,337.159 ms, 162.67 KiB
- 1,062.336 ms, 0.65 KiB
- 1,141.251 ms, 0.47 KiB
- 1,150.137 ms, 0.24 KiB
- 6,157.644 ms, 0.24 KiB
M̂ín̂ím̂íẑé t̂h́îŕd̂-ṕâŕt̂ý ûśâǵê T̂h́îŕd̂-ṕâŕt̂ý ĉód̂é b̂ĺôćk̂éd̂ t́ĥé m̂áîń t̂h́r̂éâd́ f̂ór̂ 0 ḿŝ
T̂h́îŕd̂-ṕâŕt̂ý ĉód̂é ĉán̂ śîǵn̂íf̂íĉán̂t́l̂ý îḿp̂áĉt́ l̂óâd́ p̂ér̂f́ôŕm̂án̂ćê. Ĺîḿît́ t̂h́ê ńûḿb̂ér̂ óf̂ ŕêd́ûńd̂án̂t́ t̂h́îŕd̂-ṕâŕt̂ý p̂ŕôv́îd́êŕŝ án̂d́ t̂ŕŷ t́ô ĺôád̂ t́ĥír̂d́-p̂ár̂t́ŷ ćôd́ê áf̂t́êŕ ŷóûŕ p̂áĝé ĥáŝ ṕr̂ím̂ár̂íl̂ý f̂ín̂íŝh́êd́ l̂óâd́îńĝ. Ĺêár̂ń ĥóŵ t́ô ḿîńîḿîźê t́ĥír̂d́-p̂ár̂t́ŷ ím̂ṕâćt̂.TBT
T̂h́îŕd̂-Ṕâŕt̂ý
T̂ŕâńŝf́êŕ Ŝíẑé
M̂áîń-T̂h́r̂éâd́ B̂ĺôćk̂ín̂ǵ T̂ím̂é
[::1]
0 KiB
0 ms
0 KiB
0 ms
M̂ór̂é îńf̂ór̂ḿât́îón̂ áb̂óût́ t̂h́ê ṕêŕf̂ór̂ḿâńĉé ôf́ ŷóûŕ âṕp̂ĺîćât́îón̂. T́ĥéŝé n̂úm̂b́êŕŝ d́ôń't̂ d́îŕêćt̂ĺŷ áf̂f́êćt̂ t́ĥé P̂ér̂f́ôŕm̂án̂ćê śĉór̂é.
P̂áŝśêd́ âúd̂ít̂ś (12)
Ŝh́ôẃ Ĥíd̂é
D̂éf̂ér̂ óf̂f́ŝćr̂éêń îḿâǵêś
Ĉón̂śîd́êŕ l̂áẑý-l̂óâd́îńĝ óf̂f́ŝćr̂éêń âńd̂ h́îd́d̂én̂ ím̂áĝéŝ áf̂t́êŕ âĺl̂ ćr̂ít̂íĉál̂ ŕêśôúr̂ćêś ĥáv̂é f̂ín̂íŝh́êd́ l̂óâd́îńĝ t́ô ĺôẃêŕ t̂ím̂é t̂ó îńt̂ér̂áĉt́îv́ê. Ĺêár̂ń ĥóŵ t́ô d́êf́êŕ ôf́f̂śĉŕêén̂ ím̂áĝéŝ.FCPLCP
WordPressÎńŝt́âĺl̂ á l̂áẑý-l̂óâd́ Ŵór̂d́P̂ŕêśŝ ṕl̂úĝín̂ t́ĥát̂ ṕr̂óv̂íd̂éŝ t́ĥé âb́îĺît́ŷ t́ô d́êf́êŕ âńŷ óf̂f́ŝćr̂éêń îḿâǵêś, ôŕ ŝẃît́ĉh́ t̂ó â t́ĥém̂é t̂h́ât́ p̂ŕôv́îd́êś t̂h́ât́ f̂ún̂ćt̂íôńâĺît́ŷ. Ál̂śô ćôńŝíd̂ér̂ úŝín̂ǵ t̂h́ê ÁM̂Ṕ p̂ĺûǵîń.
M̂ín̂íf̂ý ĈŚŜ
M̂ín̂íf̂ýîńĝ ĆŜŚ f̂íl̂éŝ ćâń r̂éd̂úĉé n̂ét̂ẃôŕk̂ ṕâýl̂óâd́ ŝíẑéŝ. Ĺêár̂ń ĥóŵ t́ô ḿîńîf́ŷ ĆŜŚ.FCPLCP
WordPress ńûḿb̂ér̂ óf̂ Ẃôŕd̂Ṕr̂éŝś p̂ĺûǵîńŝ ćâń ŝṕêéd̂ úp̂ ýôúr̂ śît́ê b́ŷ ćôńĉát̂én̂át̂ín̂ǵ, m̂ín̂íf̂ýîńĝ, án̂d́ ĉóm̂ṕr̂éŝśîńĝ ýôúr̂ śt̂ýl̂éŝ. Ýôú m̂áŷ ál̂śô ẃâńt̂ t́ô úŝé â b́ûíl̂d́ p̂ŕôćêśŝ t́ô d́ô t́ĥíŝ ḿîńîf́îćât́îón̂ úp̂-f́r̂ón̂t́ îf́ p̂óŝśîb́l̂é.
R̂éd̂úĉé ûńûśêd́ ĈŚŜ
R̂éd̂úĉé ûńûśêd́ r̂úl̂éŝ f́r̂óm̂ śt̂ýl̂éŝh́êét̂ś âńd̂ d́êf́êŕ ĈŚŜ ńôt́ ûśêd́ f̂ór̂ áb̂óv̂é-t̂h́ê-f́ôĺd̂ ćôńt̂én̂t́ t̂ó d̂éĉŕêáŝé b̂ýt̂éŝ ćôńŝúm̂éd̂ b́ŷ ńêt́ŵór̂ḱ âćt̂ív̂ít̂ý. L̂éâŕn̂ h́ôẃ t̂ó r̂éd̂úĉé ûńûśêd́ ĈŚŜ.FCPLCP
WordPressĈón̂śîd́êŕ r̂éd̂úĉín̂ǵ, ôŕ ŝẃît́ĉh́îńĝ, t́ĥé n̂úm̂b́êŕ ôf́ Ŵór̂d́P̂ŕêśŝ ṕl̂úĝín̂ś l̂óâd́îńĝ ún̂úŝéd̂ ĆŜŚ îń ŷóûŕ p̂áĝé. T̂ó îd́êńt̂íf̂ý p̂ĺûǵîńŝ t́ĥát̂ ár̂é âd́d̂ín̂ǵ êx́t̂ŕâńêóûś ĈŚŜ, t́r̂ý r̂ún̂ńîńĝ ćôd́ê ćôv́êŕâǵê ín̂ Ćĥŕôḿê D́êv́T̂óôĺŝ. Ýôú ĉán̂ íd̂én̂t́îf́ŷ t́ĥé t̂h́êḿê/ṕl̂úĝín̂ ŕêśp̂ón̂śîb́l̂é f̂ŕôḿ t̂h́ê ÚR̂Ĺ ôf́ t̂h́ê śt̂ýl̂éŝh́êét̂. Ĺôók̂ óût́ f̂ór̂ ṕl̂úĝín̂ś t̂h́ât́ ĥáv̂é m̂án̂ý ŝt́ŷĺêśĥéêt́ŝ ín̂ t́ĥé l̂íŝt́ ŵh́îćĥ h́âv́ê á l̂ót̂ óf̂ ŕêd́ îń ĉód̂é ĉóv̂ér̂áĝé. Â ṕl̂úĝín̂ śĥóûĺd̂ ón̂ĺŷ én̂q́ûéûé â śt̂ýl̂éŝh́êét̂ íf̂ ít̂ íŝ áĉt́ûál̂ĺŷ úŝéd̂ ón̂ t́ĥé p̂áĝé.
Êf́f̂íĉíêńt̂ĺŷ én̂ćôd́ê ím̂áĝéŝ
Ôṕt̂ím̂íẑéd̂ ím̂áĝéŝ ĺôád̂ f́âśt̂ér̂ án̂d́ ĉón̂śûḿê ĺêśŝ ćêĺl̂úl̂ár̂ d́ât́â. Ĺêár̂ń ĥóŵ t́ô éf̂f́îćîén̂t́l̂ý êńĉód̂é îḿâǵêś.FCPLCP
WordPressĈón̂śîd́êŕ ûśîńĝ án̂ ím̂áĝé ôṕt̂ím̂íẑát̂íôń Ŵór̂d́P̂ŕêśŝ ṕl̂úĝín̂ t́ĥát̂ ćôḿp̂ŕêśŝéŝ ýôúr̂ ím̂áĝéŝ ẃĥíl̂é r̂ét̂áîńîńĝ q́ûál̂ít̂ý.
P̂ŕêćôńn̂éĉt́ t̂ó r̂éq̂úîŕêd́ ôŕîǵîńŝ
Ĉón̂śîd́êŕ âd́d̂ín̂ǵ preconnect ôŕ dns-prefetch r̂éŝóûŕĉé ĥín̂t́ŝ t́ô éŝt́âb́l̂íŝh́ êár̂ĺŷ ćôńn̂éĉt́îón̂ś t̂ó îḿp̂ór̂t́âńt̂ t́ĥír̂d́-p̂ár̂t́ŷ ór̂íĝín̂ś. L̂éâŕn̂ h́ôẃ t̂ó p̂ŕêćôńn̂éĉt́ t̂ó r̂éq̂úîŕêd́ ôŕîǵîńŝ.LCPFCP
Âv́ôíd̂ ḿûĺt̂íp̂ĺê ṕâǵê ŕêd́îŕêćt̂ś
R̂éd̂ír̂éĉt́ŝ ín̂t́r̂ód̂úĉé âd́d̂ít̂íôńâĺ d̂él̂áŷś b̂éf̂ór̂é t̂h́ê ṕâǵê ćâń b̂é l̂óâd́êd́. L̂éâŕn̂ h́ôẃ t̂ó âv́ôíd̂ ṕâǵê ŕêd́îŕêćt̂ś.LCPFCP
Ûśê H́T̂T́P̂/2
ĤT́T̂Ṕ/2 ôf́f̂ér̂ś m̂án̂ý b̂én̂éf̂ít̂ś ôv́êŕ ĤT́T̂Ṕ/1.1, îńĉĺûd́îńĝ b́îńâŕŷ h́êád̂ér̂ś âńd̂ ḿûĺt̂íp̂ĺêx́îńĝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ H́T̂T́P̂/2.LCPFCP
R̂ém̂óv̂é d̂úp̂ĺîćât́ê ḿôd́ûĺêś îń Ĵáv̂áŜćr̂íp̂t́ b̂ún̂d́l̂éŝ
R̂ém̂óv̂é l̂ár̂ǵê, d́ûṕl̂íĉát̂é Ĵáv̂áŜćr̂íp̂t́ m̂ód̂úl̂éŝ f́r̂óm̂ b́ûńd̂ĺêś t̂ó r̂éd̂úĉé ûńn̂éĉéŝśâŕŷ b́ŷt́êś ĉón̂śûḿêd́ b̂ý n̂ét̂ẃôŕk̂ áĉt́îv́ît́ŷ. FCPLCP
Âĺl̂ t́êx́t̂ ŕêḿâín̂ś v̂íŝíb̂ĺê d́ûŕîńĝ ẃêb́f̂ón̂t́ l̂óâd́ŝ
L̂év̂ér̂áĝé t̂h́ê font-display ĆŜŚ f̂éât́ûŕê t́ô én̂śûŕê t́êx́t̂ íŝ úŝér̂-v́îśîb́l̂é ŵh́îĺê ẃêb́f̂ón̂t́ŝ ár̂é l̂óâd́îńĝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ font-display.
L̂áẑý l̂óâd́ t̂h́îŕd̂-ṕâŕt̂ý r̂éŝóûŕĉéŝ ẃît́ĥ f́âćâd́êś
Ŝóm̂é t̂h́îŕd̂-ṕâŕt̂ý êḿb̂éd̂ś ĉán̂ b́ê ĺâźŷ ĺôád̂éd̂. Ćôńŝíd̂ér̂ ŕêṕl̂áĉín̂ǵ t̂h́êḿ ŵít̂h́ â f́âćâd́ê ún̂t́îĺ t̂h́êý âŕê ŕêq́ûír̂éd̂. Ĺêár̂ń ĥóŵ t́ô d́êf́êŕ t̂h́îŕd̂-ṕâŕt̂íêś ŵít̂h́ â f́âćâd́ê.TBT
L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ îḿâǵê ẃâś n̂ót̂ ĺâźîĺŷ ĺôád̂éd̂
Âb́ôv́ê-t́ĥé-f̂ól̂d́ îḿâǵêś t̂h́ât́ âŕê ĺâźîĺŷ ĺôád̂éd̂ ŕêńd̂ér̂ ĺât́êŕ îń t̂h́ê ṕâǵê ĺîf́êćŷćl̂é, ŵh́îćĥ ćâń d̂él̂áŷ t́ĥé l̂ár̂ǵêśt̂ ćôńt̂én̂t́f̂úl̂ ṕâín̂t́. L̂éâŕn̂ ḿôŕê áb̂óût́ ôṕt̂ím̂ál̂ ĺâźŷ ĺôád̂ín̂ǵ.LCP
Ĥáŝ á <meta name="viewport"> t̂áĝ ẃît́ĥ width ór̂ initial-scale
<meta name="viewport"> ńôt́ ôńl̂ý ôṕt̂ím̂íẑéŝ ýôúr̂ áp̂ṕ f̂ór̂ ḿôb́îĺê śĉŕêén̂ śîźêś, b̂út̂ ál̂śô ṕr̂év̂én̂t́ŝ á 300 m̂íl̂ĺîśêćôńd̂ d́êĺâý t̂ó ûśêŕ îńp̂út̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ úŝín̂ǵ t̂h́ê v́îéŵṕôŕt̂ ḿêt́â t́âǵ.
T̂h́êśê ćĥéĉḱŝ h́îǵĥĺîǵĥt́ ôṕp̂ór̂t́ûńît́îéŝ t́ô ím̂ṕr̂óv̂é t̂h́ê áĉćêśŝíb̂íl̂ít̂ý ôf́ ŷóûŕ ŵéb̂ áp̂ṕ. Âút̂óm̂át̂íĉ d́êt́êćt̂íôń ĉán̂ ón̂ĺŷ d́êt́êćt̂ á ŝúb̂śêt́ ôf́ îśŝúêś âńd̂ d́ôéŝ ńôt́ ĝúâŕâńt̂éê t́ĥé âćĉéŝśîb́îĺît́ŷ óf̂ ýôúr̂ ẃêb́ âṕp̂, śô ḿâńûál̂ t́êśt̂ín̂ǵ îś âĺŝó êńĉóûŕâǵêd́.
N̂ám̂éŝ án̂d́ l̂áb̂él̂ś
Îḿâǵê él̂ém̂én̂t́ŝ d́ô ńôt́ ĥáv̂é [alt] ât́t̂ŕîb́ût́êś
Îńf̂ór̂ḿât́îv́ê él̂ém̂én̂t́ŝ śĥóûĺd̂ áîḿ f̂ór̂ śĥór̂t́, d̂éŝćr̂íp̂t́îv́ê ál̂t́êŕn̂át̂é t̂éx̂t́. D̂éĉór̂át̂ív̂é êĺêḿêńt̂ś ĉán̂ b́ê íĝńôŕêd́ ŵít̂h́ âń êḿp̂t́ŷ ál̂t́ ât́t̂ŕîb́ût́ê. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé alt ât́t̂ŕîb́ût́ê.
F̂áîĺîńĝ Él̂ém̂én̂t́ŝ
body > img
<img src="lighthouse-1024x680.jpg?iar1" width="120" height="15">
body > img
<img loading="lazy" src="lighthouse-1024x680.jpg?iar2" width="120" height="80" fetchpriority="low">
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
body > img
<img src="lighthouse-1024x680.jpg?isr2" width="120" height="80" style="position: absolute;">
body > img
<img src="lighthouse-1024x680.jpg?isr3" width="360" height="240" style="image-rendering: pixelated; position: absolute;">
body > img
<img src="http://localhost:10200/dobetterweb/lighthouse-1024x680.jpg" srcset="lighthouse-1024x680.jpg 2x" width="360" height="240" style="position: absolute;">
body > img
<img src="lighthouse-rotating.gif" width="811" height="462">
body > img
<img src="blob:http://localhost:10200/fa49e413-bc80-4876-b31d-38a24f51cff7">
body > img
<img src="filesystem:http://localhost:10200/temporary/empty-0.9307734889843826.png">
F̂ór̂ḿ êĺêḿêńt̂ś d̂ó n̂ót̂ h́âv́ê áŝśôćîát̂éd̂ ĺâb́êĺŝ
L̂áb̂él̂ś êńŝúr̂é t̂h́ât́ f̂ór̂ḿ ĉón̂t́r̂ól̂ś âŕê án̂ńôún̂ćêd́ p̂ŕôṕêŕl̂ý b̂ý âśŝíŝt́îv́ê t́êćĥńôĺôǵîéŝ, ĺîḱê śĉŕêén̂ ŕêád̂ér̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ f̂ór̂ḿ êĺêḿêńt̂ ĺâb́êĺŝ.
F̂áîĺîńĝ Él̂ém̂én̂t́ŝ
body > input
<input type="password" onpaste="event.preventDefault();">
body > input
<input type="password">
body > input
<input type="password" onpaste="return false;">
T̂h́êśê ár̂é ôṕp̂ór̂t́ûńît́îéŝ t́ô ím̂ṕr̂óv̂é t̂h́ê śêḿâńt̂íĉś ôf́ t̂h́ê ćôńt̂ŕôĺŝ ín̂ ýôúr̂ áp̂ṕl̂íĉát̂íôń. T̂h́îś m̂áŷ én̂h́âńĉé t̂h́ê éx̂ṕêŕîén̂ćê f́ôŕ ûśêŕŝ óf̂ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝý, l̂ík̂é â śĉŕêén̂ ŕêád̂ér̂.
Îńt̂ér̂ńât́îón̂ál̂íẑát̂íôń âńd̂ ĺôćâĺîźât́îón̂
<html> êĺêḿêńt̂ d́ôéŝ ńôt́ ĥáv̂é â [lang] át̂t́r̂íb̂út̂é
Îf́ â ṕâǵê d́ôéŝń't̂ śp̂éĉíf̂ý â lang át̂t́r̂íb̂út̂é, â śĉŕêén̂ ŕêád̂ér̂ áŝśûḿêś t̂h́ât́ t̂h́ê ṕâǵê íŝ ín̂ t́ĥé d̂éf̂áûĺt̂ ĺâńĝúâǵê t́ĥát̂ t́ĥé ûśêŕ ĉh́ôśê ẃĥén̂ śêt́t̂ín̂ǵ ûṕ t̂h́ê śĉŕêén̂ ŕêád̂ér̂. Íf̂ t́ĥé p̂áĝé îśn̂'t́ âćt̂úâĺl̂ý îń t̂h́ê d́êf́âúl̂t́ l̂án̂ǵûáĝé, t̂h́êń t̂h́ê śĉŕêén̂ ŕêád̂ér̂ ḿîǵĥt́ n̂ót̂ án̂ńôún̂ćê t́ĥé p̂áĝé'ŝ t́êx́t̂ ćôŕr̂éĉt́l̂ý. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê lang át̂t́r̂íb̂út̂é.
F̂áîĺîńĝ Él̂ém̂én̂t́ŝ
html
<html>
T̂h́êśê ár̂é ôṕp̂ór̂t́ûńît́îéŝ t́ô ím̂ṕr̂óv̂é t̂h́ê ín̂t́êŕp̂ŕêt́ât́îón̂ óf̂ ýôúr̂ ćôńt̂én̂t́ b̂ý ûśêŕŝ ín̂ d́îf́f̂ér̂én̂t́ l̂óĉál̂éŝ.
B̂éŝt́ p̂ŕâćt̂íĉéŝ
T̂óûćĥ t́âŕĝét̂ś d̂ó n̂ót̂ h́âv́ê śûf́f̂íĉíêńt̂ śîźê ór̂ śp̂áĉín̂ǵ.
T̂óûćĥ t́âŕĝét̂ś ŵít̂h́ ŝúf̂f́îćîén̂t́ ŝíẑé âńd̂ śp̂áĉín̂ǵ ĥél̂ṕ ûśêŕŝ ẃĥó m̂áŷ h́âv́ê d́îf́f̂íĉúl̂t́ŷ t́âŕĝét̂ín̂ǵ ŝḿâĺl̂ ćôńt̂ŕôĺŝ t́ô áĉt́îv́ât́ê t́ĥé t̂ár̂ǵêt́ŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ôúĉh́ t̂ár̂ǵêt́ŝ.
F̂áîĺîńĝ Él̂ém̂én̂t́ŝ
body > input
<input type="password" onpaste="event.preventDefault();">
external link
<a href="https://www.google.com/" target="_blank">
external link that uses rel noopener
<a href="https://www.google.com/" target="_blank" rel="noopener">
external link that uses rel noopener and noreferrer
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">
body > input
<input type="password">
external link
<a href="https://www.google.com/" target="_blank">
external link that uses rel noopener
<a href="https://www.google.com/" target="_blank" rel="noopener">
body > input
<input type="password" onpaste="return false;">
external link
<a href="https://www.google.com/" target="_blank">
external link that uses rel noopener
<a href="https://www.google.com/" target="_blank" rel="noopener">
body > input
<input type="password" onpaste="event.preventDefault();">
T̂h́êśê ít̂ém̂ś ĥíĝh́l̂íĝh́t̂ ćôḿm̂ón̂ áĉćêśŝíb̂íl̂ít̂ý b̂éŝt́ p̂ŕâćt̂íĉéŝ.
Âd́d̂ít̂íôńâĺ ît́êḿŝ t́ô ḿâńûál̂ĺŷ ćĥéĉḱ (10)
Ŝh́ôẃ Ĥíd̂é
Interactive controls are keyboard focusable
Custom interactive controls are keyboard focusable and display a focus indicator. Learn how to make custom controls focusable.
Interactive elements indicate their purpose and state
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn how to decorate interactive elements with affordance hints.
The page has a logical tab order
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more about logical tab ordering.
Visual order on the page follows DOM order
DOM order matches the visual order, improving navigation for assistive technology. Learn more about DOM and visual ordering.
User focus is not accidentally trapped in a region
A user can tab into and out of any control or region without accidentally trapping their focus. Learn how to avoid focus traps.
The user's focus is directed to new content added to the page
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn how to direct focus to new content.
HTML5 landmark elements are used to improve navigation
Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more about landmark elements.
Offscreen content is hidden from assistive technology
Offscreen content is hidden with display: none or aria-hidden=true. Learn how to properly hide offscreen content.
Custom controls have associated labels
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more about custom controls and labels.
Custom controls have ARIA roles
Custom interactive controls have appropriate ARIA roles. Learn how to add roles to custom controls.
T̂h́êśê ít̂ém̂ś âd́d̂ŕêśŝ ár̂éâś ŵh́îćĥ án̂ áût́ôḿât́êd́ t̂éŝt́îńĝ t́ôól̂ ćâńn̂ót̂ ćôv́êŕ. L̂éâŕn̂ ḿôŕê ín̂ óûŕ ĝúîd́ê ón̂ ćôńd̂úĉt́îńĝ án̂ áĉćêśŝíb̂íl̂ít̂ý r̂év̂íêẃ.
P̂áŝśêd́ âúd̂ít̂ś (16)
Ŝh́ôẃ Ĥíd̂é
[aria-*] ât́t̂ŕîb́ût́êś m̂át̂ćĥ t́ĥéîŕ r̂ól̂éŝ
Êáĉh́ ÂŔÎÁ role ŝúp̂ṕôŕt̂ś â śp̂éĉíf̂íĉ śûb́ŝét̂ óf̂ aria-* át̂t́r̂íb̂út̂éŝ. Ḿîśm̂át̂ćĥín̂ǵ t̂h́êśê ín̂v́âĺîd́ât́êś t̂h́ê aria-* át̂t́r̂íb̂út̂éŝ. Ĺêár̂ń ĥóŵ t́ô ḿât́ĉh́ ÂŔÎÁ ât́t̂ŕîb́ût́êś t̂ó t̂h́êír̂ ŕôĺêś.
[aria-hidden="true"] îś n̂ót̂ ṕr̂éŝén̂t́ ôń t̂h́ê d́ôćûḿêńt̂ <body>
Âśŝíŝt́îv́ê t́êćĥńôĺôǵîéŝ, ĺîḱê śĉŕêén̂ ŕêád̂ér̂ś, ŵór̂ḱ îńĉón̂śîśt̂én̂t́l̂ý ŵh́êń aria-hidden="true" îś ŝét̂ ón̂ t́ĥé d̂óĉúm̂én̂t́ <body>. L̂éâŕn̂ h́ôẃ aria-hidden âf́f̂éĉt́ŝ t́ĥé d̂óĉúm̂én̂t́ b̂ód̂ý.
[role]ŝ h́âv́ê ál̂ĺ r̂éq̂úîŕêd́ [aria-*] ât́t̂ŕîb́ût́êś
Ŝóm̂é ÂŔÎÁ r̂ól̂éŝ h́âv́ê ŕêq́ûír̂éd̂ át̂t́r̂íb̂út̂éŝ t́ĥát̂ d́êśĉŕîb́ê t́ĥé ŝt́ât́ê óf̂ t́ĥé êĺêḿêńt̂ t́ô śĉŕêén̂ ŕêád̂ér̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ r̂ól̂éŝ án̂d́ r̂éq̂úîŕêd́ ât́t̂ŕîb́ût́êś.
[aria-*] ât́t̂ŕîb́ût́êś ĥáv̂é v̂ál̂íd̂ v́âĺûéŝ
Âśŝíŝt́îv́ê t́êćĥńôĺôǵîéŝ, ĺîḱê śĉŕêén̂ ŕêád̂ér̂ś, ĉán̂'t́ îńt̂ér̂ṕr̂ét̂ ÁR̂ÍÂ át̂t́r̂íb̂út̂éŝ ẃît́ĥ ín̂v́âĺîd́ v̂ál̂úêś. L̂éâŕn̂ ḿôŕê áb̂óût́ v̂ál̂íd̂ v́âĺûéŝ f́ôŕ ÂŔÎÁ ât́t̂ŕîb́ût́êś.
[aria-*] ât́t̂ŕîb́ût́êś âŕê v́âĺîd́ âńd̂ ńôt́ m̂íŝśp̂él̂ĺêd́
Âśŝíŝt́îv́ê t́êćĥńôĺôǵîéŝ, ĺîḱê śĉŕêén̂ ŕêád̂ér̂ś, ĉán̂'t́ îńt̂ér̂ṕr̂ét̂ ÁR̂ÍÂ át̂t́r̂íb̂út̂éŝ ẃît́ĥ ín̂v́âĺîd́ n̂ám̂éŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ v́âĺîd́ ÂŔÎÁ ât́t̂ŕîb́ût́êś.
[user-scalable="no"] îś n̂ót̂ úŝéd̂ ín̂ t́ĥé <meta name="viewport"> êĺêḿêńt̂ án̂d́ t̂h́ê [maximum-scale] át̂t́r̂íb̂út̂é îś n̂ót̂ ĺêśŝ t́ĥán̂ 5.
D̂íŝáb̂ĺîńĝ źôóm̂ín̂ǵ îś p̂ŕôb́l̂ém̂át̂íĉ f́ôŕ ûśêŕŝ ẃît́ĥ ĺôẃ v̂íŝíôń ŵh́ô ŕêĺŷ ón̂ śĉŕêén̂ ḿâǵn̂íf̂íĉát̂íôń t̂ó p̂ŕôṕêŕl̂ý ŝéê t́ĥé ĉón̂t́êńt̂ś ôf́ â ẃêb́ p̂áĝé. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê v́îéŵṕôŕt̂ ḿêt́â t́âǵ.
ÂŔÎÁ ât́t̂ŕîb́ût́êś âŕê úŝéd̂ áŝ śp̂éĉíf̂íêd́ f̂ór̂ t́ĥé êĺêḿêńt̂'ś r̂ól̂é
Ŝóm̂é ÂŔÎÁ ât́t̂ŕîb́ût́êś âŕê ón̂ĺŷ ál̂ĺôẃêd́ ôń âń êĺêḿêńt̂ ún̂d́êŕ ĉér̂t́âín̂ ćôńd̂ít̂íôńŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ ćôńd̂ít̂íôńâĺ ÂŔÎÁ ât́t̂ŕîb́ût́êś.
Êĺêḿêńt̂ś ûśê ón̂ĺŷ ṕêŕm̂ít̂t́êd́ ÂŔÎÁ ât́t̂ŕîb́ût́êś
Ûśîńĝ ÁR̂ÍÂ át̂t́r̂íb̂út̂éŝ ín̂ ŕôĺêś ŵh́êŕê t́ĥéŷ ár̂é p̂ŕôh́îb́ît́êd́ ĉán̂ ḿêán̂ t́ĥát̂ ím̂ṕôŕt̂án̂t́ îńf̂ór̂ḿât́îón̂ íŝ ńôt́ ĉóm̂ḿûńîćât́êd́ t̂ó ûśêŕŝ óf̂ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝíêś. L̂éâŕn̂ ḿôŕê áb̂óût́ p̂ŕôh́îb́ît́êd́ ÂŔÎÁ r̂ól̂éŝ.
[role] v̂ál̂úêś âŕê v́âĺîd́
ÂŔÎÁ r̂ól̂éŝ ḿûśt̂ h́âv́ê v́âĺîd́ v̂ál̂úêś îń ôŕd̂ér̂ t́ô ṕêŕf̂ór̂ḿ t̂h́êír̂ ín̂t́êńd̂éd̂ áĉćêśŝíb̂íl̂ít̂ý f̂ún̂ćt̂íôńŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ v́âĺîd́ ÂŔÎÁ r̂ól̂éŝ.
B̂áĉḱĝŕôún̂d́ âńd̂ f́ôŕêǵr̂óûńd̂ ćôĺôŕŝ h́âv́ê á ŝúf̂f́îćîén̂t́ ĉón̂t́r̂áŝt́ r̂át̂íô
L̂óŵ-ćôńt̂ŕâśt̂ t́êx́t̂ íŝ d́îf́f̂íĉúl̂t́ ôŕ îḿp̂óŝśîb́l̂é f̂ór̂ ḿâńŷ úŝér̂ś t̂ó r̂éâd́. L̂éâŕn̂ h́ôẃ t̂ó p̂ŕôv́îd́ê śûf́f̂íĉíêńt̂ ćôĺôŕ ĉón̂t́r̂áŝt́.
D̂óĉúm̂én̂t́ ĥáŝ á <title> êĺêḿêńt̂
T̂h́ê t́ît́l̂é ĝív̂éŝ śĉŕêén̂ ŕêád̂ér̂ úŝér̂ś âń ôv́êŕv̂íêẃ ôf́ t̂h́ê ṕâǵê, án̂d́ ŝéâŕĉh́ êńĝín̂é ûśêŕŝ ŕêĺŷ ón̂ ít̂ h́êáv̂íl̂ý t̂ó d̂ét̂ér̂ḿîńê íf̂ á p̂áĝé îś r̂él̂év̂án̂t́ t̂ó t̂h́êír̂ śêár̂ćĥ. Ĺêár̂ń m̂ór̂é âb́ôút̂ d́ôćûḿêńt̂ t́ît́l̂éŝ.
Ĥéâd́îńĝ él̂ém̂én̂t́ŝ áp̂ṕêár̂ ín̂ á ŝéq̂úêńt̂íâĺl̂ý-d̂éŝćêńd̂ín̂ǵ ôŕd̂ér̂
P̂ŕôṕêŕl̂ý ôŕd̂ér̂éd̂ h́êád̂ín̂ǵŝ t́ĥát̂ d́ô ńôt́ ŝḱîṕ l̂év̂él̂ś ĉón̂v́êý t̂h́ê śêḿâńt̂íĉ śt̂ŕûćt̂úr̂é ôf́ t̂h́ê ṕâǵê, ḿâḱîńĝ ít̂ éâśîér̂ t́ô ńâv́îǵât́ê án̂d́ ûńd̂ér̂śt̂án̂d́ ŵh́êń ûśîńĝ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝíêś. L̂éâŕn̂ ḿôŕê áb̂óût́ ĥéâd́îńĝ ór̂d́êŕ.
Ûśêś ÂŔÎÁ r̂ól̂éŝ ón̂ĺŷ ón̂ ćôḿp̂át̂íb̂ĺê él̂ém̂én̂t́ŝ
M̂án̂ý ĤT́M̂Ĺ êĺêḿêńt̂ś ĉán̂ ón̂ĺŷ b́ê áŝśîǵn̂éd̂ ćêŕt̂áîń ÂŔÎÁ r̂ól̂éŝ. Úŝín̂ǵ ÂŔÎÁ r̂ól̂éŝ ẃĥér̂é t̂h́êý âŕê ńôt́ âĺl̂óŵéd̂ ćâń îńt̂ér̂f́êŕê ẃît́ĥ t́ĥé âćĉéŝśîb́îĺît́ŷ óf̂ t́ĥé ŵéb̂ ṕâǵê. Ĺêár̂ń m̂ór̂é âb́ôút̂ ÁR̂ÍÂ ŕôĺêś.
D̂ép̂ŕêćât́êd́ ÂŔÎÁ r̂ól̂éŝ ẃêŕê ńôt́ ûśêd́
D̂ép̂ŕêćât́êd́ ÂŔÎÁ r̂ól̂éŝ ḿâý n̂ót̂ b́ê ṕr̂óĉéŝśêd́ ĉór̂ŕêćt̂ĺŷ b́ŷ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝý. L̂éâŕn̂ ḿôŕê áb̂óût́ d̂ép̂ŕêćât́êd́ ÂŔÎÁ r̂ól̂éŝ.
Îḿâǵê él̂ém̂én̂t́ŝ d́ô ńôt́ ĥáv̂é [alt] ât́t̂ŕîb́ût́êś t̂h́ât́ âŕê ŕêd́ûńd̂án̂t́ t̂éx̂t́.
Îńf̂ór̂ḿât́îv́ê él̂ém̂én̂t́ŝ śĥóûĺd̂ áîḿ f̂ór̂ śĥór̂t́, d̂éŝćr̂íp̂t́îv́ê ál̂t́êŕn̂át̂ív̂é t̂éx̂t́. Âĺt̂ér̂ńât́îv́ê t́êx́t̂ t́ĥát̂ íŝ éx̂áĉt́l̂ý t̂h́ê śâḿê áŝ t́ĥé t̂éx̂t́ âd́ĵáĉén̂t́ t̂ó t̂h́ê ĺîńk̂ ór̂ ím̂áĝé îś p̂ót̂én̂t́îál̂ĺŷ ćôńf̂úŝín̂ǵ f̂ór̂ śĉŕêén̂ ŕêád̂ér̂ úŝér̂ś, b̂éĉáûśê t́ĥé t̂éx̂t́ ŵíl̂ĺ b̂é r̂éâd́ t̂ẃîćê. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé alt ât́t̂ŕîb́ût́ê.
N̂ót̂ áp̂ṕl̂íĉáb̂ĺê (36)
Ŝh́ôẃ Ĥíd̂é
[accesskey] v̂ál̂úêś âŕê ún̂íq̂úê
Âćĉéŝś k̂éŷś l̂ét̂ úŝér̂ś q̂úîćk̂ĺŷ f́ôćûś â ṕâŕt̂ óf̂ t́ĥé p̂áĝé. F̂ór̂ ṕr̂óp̂ér̂ ńâv́îǵât́îón̂, éâćĥ áĉćêśŝ ḱêý m̂úŝt́ b̂é ûńîq́ûé. L̂éâŕn̂ ḿôŕê áb̂óût́ âćĉéŝś k̂éŷś.
button, link, âńd̂ menuitem él̂ém̂én̂t́ŝ h́âv́ê áĉćêśŝíb̂ĺê ńâḿêś
Ŵh́êń âń êĺêḿêńt̂ d́ôéŝń't̂ h́âv́ê án̂ áĉćêśŝíb̂ĺê ńâḿê, śĉŕêén̂ ŕêád̂ér̂ś âńn̂óûńĉé ît́ ŵít̂h́ â ǵêńêŕîć n̂ám̂é, m̂ák̂ín̂ǵ ît́ ûńûśâb́l̂é f̂ór̂ úŝér̂ś ŵh́ô ŕêĺŷ ón̂ śĉŕêén̂ ŕêád̂ér̂ś. L̂éâŕn̂ h́ôẃ t̂ó m̂ák̂é ĉóm̂ḿâńd̂ él̂ém̂én̂t́ŝ ḿôŕê áĉćêśŝíb̂ĺê.
Êĺêḿêńt̂ś ŵít̂h́ role="dialog" ôŕ role="alertdialog" ĥáv̂é âćĉéŝśîb́l̂é n̂ám̂éŝ.
ÂŔÎÁ d̂íâĺôǵ êĺêḿêńt̂ś ŵít̂h́ôút̂ áĉćêśŝíb̂ĺê ńâḿêś m̂áŷ ṕr̂év̂én̂t́ ŝćr̂éêń r̂éâd́êŕŝ úŝér̂ś f̂ŕôḿ d̂íŝćêŕn̂ín̂ǵ t̂h́ê ṕûŕp̂óŝé ôf́ t̂h́êśê él̂ém̂én̂t́ŝ. Ĺêár̂ń ĥóŵ t́ô ḿâḱê ÁR̂ÍÂ d́îál̂óĝ él̂ém̂én̂t́ŝ ḿôŕê áĉćêśŝíb̂ĺê.
[aria-hidden="true"] êĺêḿêńt̂ś d̂ó n̂ót̂ ćôńt̂áîń f̂óĉúŝáb̂ĺê d́êśĉén̂d́êńt̂ś
F̂óĉúŝáb̂ĺê d́êśĉén̂d́êńt̂ś ŵít̂h́îń âń [aria-hidden="true"] êĺêḿêńt̂ ṕr̂év̂én̂t́ t̂h́ôśê ín̂t́êŕâćt̂ív̂é êĺêḿêńt̂ś f̂ŕôḿ b̂éîńĝ áv̂áîĺâb́l̂é t̂ó ûśêŕŝ óf̂ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝíêś l̂ík̂é ŝćr̂éêń r̂éâd́êŕŝ. Ĺêár̂ń ĥóŵ aria-hidden áf̂f́êćt̂ś f̂óĉúŝáb̂ĺê él̂ém̂én̂t́ŝ.
ÂŔÎÁ îńp̂út̂ f́îél̂d́ŝ h́âv́ê áĉćêśŝíb̂ĺê ńâḿêś
Ŵh́êń âń îńp̂út̂ f́îél̂d́ d̂óêśn̂'t́ ĥáv̂é âń âćĉéŝśîb́l̂é n̂ám̂é, ŝćr̂éêń r̂éâd́êŕŝ án̂ńôún̂ćê ít̂ ẃît́ĥ á ĝén̂ér̂íĉ ńâḿê, ḿâḱîńĝ ít̂ ún̂úŝáb̂ĺê f́ôŕ ûśêŕŝ ẃĥó r̂él̂ý ôń ŝćr̂éêń r̂éâd́êŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ ín̂ṕût́ f̂íêĺd̂ ĺâb́êĺŝ.
ÂŔÎÁ meter êĺêḿêńt̂ś ĥáv̂é âćĉéŝśîb́l̂é n̂ám̂éŝ
Ŵh́êń â ḿêt́êŕ êĺêḿêńt̂ d́ôéŝń't̂ h́âv́ê án̂ áĉćêśŝíb̂ĺê ńâḿê, śĉŕêén̂ ŕêád̂ér̂ś âńn̂óûńĉé ît́ ŵít̂h́ â ǵêńêŕîć n̂ám̂é, m̂ák̂ín̂ǵ ît́ ûńûśâb́l̂é f̂ór̂ úŝér̂ś ŵh́ô ŕêĺŷ ón̂ śĉŕêén̂ ŕêád̂ér̂ś. L̂éâŕn̂ h́ôẃ t̂ó n̂ám̂é meter êĺêḿêńt̂ś.
ÂŔÎÁ progressbar êĺêḿêńt̂ś ĥáv̂é âćĉéŝśîb́l̂é n̂ám̂éŝ
Ŵh́êń â progressbar él̂ém̂én̂t́ d̂óêśn̂'t́ ĥáv̂é âń âćĉéŝśîb́l̂é n̂ám̂é, ŝćr̂éêń r̂éâd́êŕŝ án̂ńôún̂ćê ít̂ ẃît́ĥ á ĝén̂ér̂íĉ ńâḿê, ḿâḱîńĝ ít̂ ún̂úŝáb̂ĺê f́ôŕ ûśêŕŝ ẃĥó r̂él̂ý ôń ŝćr̂éêń r̂éâd́êŕŝ. Ĺêár̂ń ĥóŵ t́ô ĺâb́êĺ progressbar êĺêḿêńt̂ś.
Êĺêḿêńt̂ś ŵít̂h́ âń ÂŔÎÁ [role] t̂h́ât́ r̂éq̂úîŕê ćĥíl̂d́r̂én̂ t́ô ćôńt̂áîń â śp̂éĉíf̂íĉ [role] h́âv́ê ál̂ĺ r̂éq̂úîŕêd́ ĉh́îĺd̂ŕêń.
Ŝóm̂é ÂŔÎÁ p̂ár̂én̂t́ r̂ól̂éŝ ḿûśt̂ ćôńt̂áîń ŝṕêćîf́îć ĉh́îĺd̂ ŕôĺêś t̂ó p̂ér̂f́ôŕm̂ t́ĥéîŕ îńt̂én̂d́êd́ âćĉéŝśîb́îĺît́ŷ f́ûńĉt́îón̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ r̂ól̂éŝ án̂d́ r̂éq̂úîŕêd́ ĉh́îĺd̂ŕêń êĺêḿêńt̂ś.
[role]ŝ ár̂é ĉón̂t́âín̂éd̂ b́ŷ t́ĥéîŕ r̂éq̂úîŕêd́ p̂ár̂én̂t́ êĺêḿêńt̂
Ŝóm̂é ÂŔÎÁ ĉh́îĺd̂ ŕôĺêś m̂úŝt́ b̂é ĉón̂t́âín̂éd̂ b́ŷ śp̂éĉíf̂íĉ ṕâŕêńt̂ ŕôĺêś t̂ó p̂ŕôṕêŕl̂ý p̂ér̂f́ôŕm̂ t́ĥéîŕ îńt̂én̂d́êd́ âćĉéŝśîb́îĺît́ŷ f́ûńĉt́îón̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ ÂŔÎÁ r̂ól̂éŝ án̂d́ r̂éq̂úîŕêd́ p̂ár̂én̂t́ êĺêḿêńt̂.
Êĺêḿêńt̂ś ŵít̂h́ t̂h́ê role=text át̂t́r̂íb̂út̂é d̂ó n̂ót̂ h́âv́ê f́ôćûśâb́l̂é d̂éŝćêńd̂én̂t́ŝ.
Âd́d̂ín̂ǵ role=text âŕôún̂d́ â t́êx́t̂ ńôd́ê śp̂ĺît́ b̂ý m̂ár̂ḱûṕ êńâb́l̂éŝ V́ôíĉéÔv́êŕ t̂ó t̂ŕêát̂ ít̂ áŝ ón̂é p̂h́r̂áŝé, b̂út̂ t́ĥé êĺêḿêńt̂'ś f̂óĉúŝáb̂ĺê d́êśĉén̂d́êńt̂ś ŵíl̂ĺ n̂ót̂ b́ê án̂ńôún̂ćêd́. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê role=text át̂t́r̂íb̂út̂é.
ÂŔÎÁ t̂óĝǵl̂é f̂íêĺd̂ś ĥáv̂é âćĉéŝśîb́l̂é n̂ám̂éŝ
Ŵh́êń â t́ôǵĝĺê f́îél̂d́ d̂óêśn̂'t́ ĥáv̂é âń âćĉéŝśîb́l̂é n̂ám̂é, ŝćr̂éêń r̂éâd́êŕŝ án̂ńôún̂ćê ít̂ ẃît́ĥ á ĝén̂ér̂íĉ ńâḿê, ḿâḱîńĝ ít̂ ún̂úŝáb̂ĺê f́ôŕ ûśêŕŝ ẃĥó r̂él̂ý ôń ŝćr̂éêń r̂éâd́êŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ôǵĝĺê f́îél̂d́ŝ.
ÂŔÎÁ tooltip êĺêḿêńt̂ś ĥáv̂é âćĉéŝśîb́l̂é n̂ám̂éŝ
Ŵh́êń â t́ôól̂t́îṕ êĺêḿêńt̂ d́ôéŝń't̂ h́âv́ê án̂ áĉćêśŝíb̂ĺê ńâḿê, śĉŕêén̂ ŕêád̂ér̂ś âńn̂óûńĉé ît́ ŵít̂h́ â ǵêńêŕîć n̂ám̂é, m̂ák̂ín̂ǵ ît́ ûńûśâb́l̂é f̂ór̂ úŝér̂ś ŵh́ô ŕêĺŷ ón̂ śĉŕêén̂ ŕêád̂ér̂ś. L̂éâŕn̂ h́ôẃ t̂ó n̂ám̂é tooltip êĺêḿêńt̂ś.
ÂŔÎÁ treeitem êĺêḿêńt̂ś ĥáv̂é âćĉéŝśîb́l̂é n̂ám̂éŝ
Ŵh́êń â treeitem él̂ém̂én̂t́ d̂óêśn̂'t́ ĥáv̂é âń âćĉéŝśîb́l̂é n̂ám̂é, ŝćr̂éêń r̂éâd́êŕŝ án̂ńôún̂ćê ít̂ ẃît́ĥ á ĝén̂ér̂íĉ ńâḿê, ḿâḱîńĝ ít̂ ún̂úŝáb̂ĺê f́ôŕ ûśêŕŝ ẃĥó r̂él̂ý ôń ŝćr̂éêń r̂éâd́êŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ ĺâb́êĺîńĝ treeitem él̂ém̂én̂t́ŝ.
B̂út̂t́ôńŝ h́âv́ê án̂ áĉćêśŝíb̂ĺê ńâḿê
Ŵh́êń â b́ût́t̂ón̂ d́ôéŝń't̂ h́âv́ê án̂ áĉćêśŝíb̂ĺê ńâḿê, śĉŕêén̂ ŕêád̂ér̂ś âńn̂óûńĉé ît́ âś "b̂út̂t́ôń", m̂ák̂ín̂ǵ ît́ ûńûśâb́l̂é f̂ór̂ úŝér̂ś ŵh́ô ŕêĺŷ ón̂ śĉŕêén̂ ŕêád̂ér̂ś. L̂éâŕn̂ h́ôẃ t̂ó m̂ák̂é b̂út̂t́ôńŝ ḿôŕê áĉćêśŝíb̂ĺê.
T̂h́ê ṕâǵê ćôńt̂áîńŝ á ĥéâd́îńĝ, śk̂íp̂ ĺîńk̂, ór̂ ĺâńd̂ḿâŕk̂ ŕêǵîón̂
Âd́d̂ín̂ǵ ŵáŷś t̂ó b̂ýp̂áŝś r̂ép̂ét̂ít̂ív̂é ĉón̂t́êńt̂ ĺêt́ŝ ḱêýb̂óâŕd̂ úŝér̂ś n̂áv̂íĝát̂é t̂h́ê ṕâǵê ḿôŕê éf̂f́îćîén̂t́l̂ý. L̂éâŕn̂ ḿôŕê áb̂óût́ b̂ýp̂áŝś b̂ĺôćk̂ś.
<dl>'ŝ ćôńt̂áîń ôńl̂ý p̂ŕôṕêŕl̂ý-ôŕd̂ér̂éd̂ <dt> án̂d́ <dd> ĝŕôúp̂ś, <script>, <template> ôŕ <div> êĺêḿêńt̂ś.
Ŵh́êń d̂éf̂ín̂ít̂íôń l̂íŝt́ŝ ár̂é n̂ót̂ ṕr̂óp̂ér̂ĺŷ ḿâŕk̂éd̂ úp̂, śĉŕêén̂ ŕêád̂ér̂ś m̂áŷ ṕr̂ód̂úĉé ĉón̂f́ûśîńĝ ór̂ ín̂áĉćûŕât́ê óût́p̂út̂. Ĺêár̂ń ĥóŵ t́ô śt̂ŕûćt̂úr̂é d̂éf̂ín̂ít̂íôń l̂íŝt́ŝ ćôŕr̂éĉt́l̂ý.
D̂éf̂ín̂ít̂íôń l̂íŝt́ ît́êḿŝ ár̂é ŵŕâṕp̂éd̂ ín̂ <dl> él̂ém̂én̂t́ŝ
D̂éf̂ín̂ít̂íôń l̂íŝt́ ît́êḿŝ (<dt> án̂d́ <dd>) m̂úŝt́ b̂é ŵŕâṕp̂éd̂ ín̂ á p̂ár̂én̂t́ <dl> êĺêḿêńt̂ t́ô én̂śûŕê t́ĥát̂ śĉŕêén̂ ŕêád̂ér̂ś ĉán̂ ṕr̂óp̂ér̂ĺŷ án̂ńôún̂ćê t́ĥém̂. Ĺêár̂ń ĥóŵ t́ô śt̂ŕûćt̂úr̂é d̂éf̂ín̂ít̂íôń l̂íŝt́ŝ ćôŕr̂éĉt́l̂ý.
ÂŔÎÁ ÎD́ŝ ár̂é ûńîq́ûé
T̂h́ê v́âĺûé ôf́ âń ÂŔÎÁ ÎD́ m̂úŝt́ b̂é ûńîq́ûé t̂ó p̂ŕêv́êńt̂ ót̂h́êŕ îńŝt́âńĉéŝ f́r̂óm̂ b́êín̂ǵ ôv́êŕl̂óôḱêd́ b̂ý âśŝíŝt́îv́ê t́êćĥńôĺôǵîéŝ. Ĺêár̂ń ĥóŵ t́ô f́îx́ d̂úp̂ĺîćât́ê ÁR̂ÍÂ ÍD̂ś.
N̂ó f̂ór̂ḿ f̂íêĺd̂ś ĥáv̂é m̂úl̂t́îṕl̂é l̂áb̂él̂ś
F̂ór̂ḿ f̂íêĺd̂ś ŵít̂h́ m̂úl̂t́îṕl̂é l̂áb̂él̂ś ĉán̂ b́ê ćôńf̂úŝín̂ǵl̂ý âńn̂óûńĉéd̂ b́ŷ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝíêś l̂ík̂é ŝćr̂éêń r̂éâd́êŕŝ ẃĥíĉh́ ûśê éît́ĥér̂ t́ĥé f̂ír̂śt̂, t́ĥé l̂áŝt́, ôŕ âĺl̂ óf̂ t́ĥé l̂áb̂él̂ś. L̂éâŕn̂ h́ôẃ t̂ó ûśê f́ôŕm̂ ĺâb́êĺŝ.
<frame> ôŕ <iframe> êĺêḿêńt̂ś ĥáv̂é â t́ît́l̂é
Ŝćr̂éêń r̂éâd́êŕ ûśêŕŝ ŕêĺŷ ón̂ f́r̂ám̂é t̂ít̂ĺêś t̂ó d̂éŝćr̂íb̂é t̂h́ê ćôńt̂én̂t́ŝ óf̂ f́r̂ám̂éŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ f́r̂ám̂é t̂ít̂ĺêś.
<html> êĺêḿêńt̂ h́âś â v́âĺîd́ v̂ál̂úê f́ôŕ ît́ŝ [lang] át̂t́r̂íb̂út̂é
Ŝṕêćîf́ŷín̂ǵ â v́âĺîd́ B̂ĆP̂ 47 ĺâńĝúâǵê h́êĺp̂ś ŝćr̂éêń r̂éâd́êŕŝ án̂ńôún̂ćê t́êx́t̂ ṕr̂óp̂ér̂ĺŷ. Ĺêár̂ń ĥóŵ t́ô úŝé t̂h́ê lang át̂t́r̂íb̂út̂é.
<html> êĺêḿêńt̂ h́âś âń [xml:lang] ât́t̂ŕîb́ût́ê ẃît́ĥ t́ĥé ŝám̂é b̂áŝé l̂án̂ǵûáĝé âś t̂h́ê [lang] át̂t́r̂íb̂út̂é.
Îf́ t̂h́ê ẃêb́p̂áĝé d̂óêś n̂ót̂ śp̂éĉíf̂ý â ćôńŝíŝt́êńt̂ ĺâńĝúâǵê, t́ĥén̂ t́ĥé ŝćr̂éêń r̂éâd́êŕ m̂íĝh́t̂ ńôt́ âńn̂óûńĉé t̂h́ê ṕâǵê'ś t̂éx̂t́ ĉór̂ŕêćt̂ĺŷ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé lang ât́t̂ŕîb́ût́ê.
Îńp̂út̂ b́ût́t̂ón̂ś ĥáv̂é d̂íŝćêŕn̂íb̂ĺê t́êx́t̂.
Âd́d̂ín̂ǵ d̂íŝćêŕn̂áb̂ĺê án̂d́ âćĉéŝśîb́l̂é t̂éx̂t́ t̂ó îńp̂út̂ b́ût́t̂ón̂ś m̂áŷ h́êĺp̂ śĉŕêén̂ ŕêád̂ér̂ úŝér̂ś ûńd̂ér̂śt̂án̂d́ t̂h́ê ṕûŕp̂óŝé ôf́ t̂h́ê ín̂ṕût́ b̂út̂t́ôń. L̂éâŕn̂ ḿôŕê áb̂óût́ îńp̂út̂ b́ût́t̂ón̂ś.
<input type="image"> êĺêḿêńt̂ś ĥáv̂é [alt] t̂éx̂t́
Ŵh́êń âń îḿâǵê íŝ b́êín̂ǵ ûśêd́ âś âń <input> b̂út̂t́ôń, p̂ŕôv́îd́îńĝ ál̂t́êŕn̂át̂ív̂é t̂éx̂t́ ĉán̂ h́êĺp̂ śĉŕêén̂ ŕêád̂ér̂ úŝér̂ś ûńd̂ér̂śt̂án̂d́ t̂h́ê ṕûŕp̂óŝé ôf́ t̂h́ê b́ût́t̂ón̂. Ĺêár̂ń âb́ôút̂ ín̂ṕût́ îḿâǵê ál̂t́ t̂éx̂t́.
L̂íŝt́ŝ ćôńt̂áîń ôńl̂ý <li> êĺêḿêńt̂ś âńd̂ śĉŕîṕt̂ śûṕp̂ór̂t́îńĝ él̂ém̂én̂t́ŝ (<script> án̂d́ <template>).
Ŝćr̂éêń r̂éâd́êŕŝ h́âv́ê á ŝṕêćîf́îć ŵáŷ óf̂ án̂ńôún̂ćîńĝ ĺîśt̂ś. Êńŝúr̂ín̂ǵ p̂ŕôṕêŕ l̂íŝt́ ŝt́r̂úĉt́ûŕê áîd́ŝ śĉŕêén̂ ŕêád̂ér̂ óût́p̂út̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ ṕr̂óp̂ér̂ ĺîśt̂ śt̂ŕûćt̂úr̂é.
L̂íŝt́ ît́êḿŝ (<li>) ár̂é ĉón̂t́âín̂éd̂ ẃît́ĥín̂ <ul>, <ol> ór̂ <menu> ṕâŕêńt̂ él̂ém̂én̂t́ŝ
Ŝćr̂éêń r̂éâd́êŕŝ ŕêq́ûír̂é l̂íŝt́ ît́êḿŝ (<li>) t́ô b́ê ćôńt̂áîńêd́ ŵít̂h́îń â ṕâŕêńt̂ <ul>, <ol> ór̂ <menu> t́ô b́ê án̂ńôún̂ćêd́ p̂ŕôṕêŕl̂ý. L̂éâŕn̂ ḿôŕê áb̂óût́ p̂ŕôṕêŕ l̂íŝt́ ŝt́r̂úĉt́ûŕê.
T̂h́ê d́ôćûḿêńt̂ d́ôéŝ ńôt́ ûśê <meta http-equiv="refresh">
Ûśêŕŝ d́ô ńôt́ êx́p̂éĉt́ â ṕâǵê t́ô ŕêf́r̂éŝh́ âút̂óm̂át̂íĉál̂ĺŷ, án̂d́ d̂óîńĝ śô ẃîĺl̂ ḿôv́ê f́ôćûś b̂áĉḱ t̂ó t̂h́ê t́ôṕ ôf́ t̂h́ê ṕâǵê. T́ĥíŝ ḿâý ĉŕêát̂é â f́r̂úŝt́r̂át̂ín̂ǵ ôŕ ĉón̂f́ûśîńĝ éx̂ṕêŕîén̂ćê. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé r̂éf̂ŕêśĥ ḿêt́â t́âǵ.
<object> êĺêḿêńt̂ś ĥáv̂é âĺt̂ér̂ńât́ê t́êx́t̂
Ŝćr̂éêń r̂éâd́êŕŝ ćâńn̂ót̂ t́r̂án̂śl̂át̂é n̂ón̂-t́êx́t̂ ćôńt̂én̂t́. Âd́d̂ín̂ǵ âĺt̂ér̂ńât́ê t́êx́t̂ t́ô <object> él̂ém̂én̂t́ŝ h́êĺp̂ś ŝćr̂éêń r̂éâd́êŕŝ ćôńv̂éŷ ḿêán̂ín̂ǵ t̂ó ûśêŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ ál̂t́ t̂éx̂t́ f̂ór̂ object él̂ém̂én̂t́ŝ.
Ŝél̂éĉt́ êĺêḿêńt̂ś ĥáv̂é âśŝóĉíât́êd́ l̂áb̂él̂ él̂ém̂én̂t́ŝ.
F̂ór̂ḿ êĺêḿêńt̂ś ŵít̂h́ôút̂ éf̂f́êćt̂ív̂é l̂áb̂él̂ś ĉán̂ ćr̂éât́ê f́r̂úŝt́r̂át̂ín̂ǵ êx́p̂ér̂íêńĉéŝ f́ôŕ ŝćr̂éêń r̂éâd́êŕ ûśêŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé select êĺêḿêńt̂.
N̂ó êĺêḿêńt̂ h́âś â [tabindex] v́âĺûé ĝŕêát̂ér̂ t́ĥán̂ 0
 v́âĺûé ĝŕêát̂ér̂ t́ĥán̂ 0 ím̂ṕl̂íêś âń êx́p̂ĺîćît́ n̂áv̂íĝát̂íôń ôŕd̂ér̂ín̂ǵ. Âĺt̂h́ôúĝh́ t̂éĉh́n̂íĉál̂ĺŷ v́âĺîd́, t̂h́îś ôf́t̂én̂ ćr̂éât́êś f̂ŕûśt̂ŕât́îńĝ éx̂ṕêŕîén̂ćêś f̂ór̂ úŝér̂ś ŵh́ô ŕêĺŷ ón̂ áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝíêś. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́ê tabindex át̂t́r̂íb̂út̂é.
T̂áb̂ĺêś ĥáv̂é d̂íf̂f́êŕêńt̂ ćôńt̂én̂t́ îń t̂h́ê śûḿm̂ár̂ý ât́t̂ŕîb́ût́ê án̂d́ <caption>.
T̂h́ê śûḿm̂ár̂ý ât́t̂ŕîb́ût́ê śĥóûĺd̂ d́êśĉŕîb́ê t́ĥé t̂áb̂ĺê śt̂ŕûćt̂úr̂é, ŵh́îĺê <caption> śĥóûĺd̂ h́âv́ê t́ĥé ôńŝćr̂éêń t̂ít̂ĺê. Áĉćûŕât́ê t́âb́l̂é m̂ár̂ḱ-ûṕ ĥél̂ṕŝ úŝér̂ś ôf́ ŝćr̂éêń r̂éâd́êŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ śûḿm̂ár̂ý âńd̂ ćâṕt̂íôń.
Ĉél̂ĺŝ ín̂ á <table> êĺêḿêńt̂ t́ĥát̂ úŝé t̂h́ê [headers] át̂t́r̂íb̂út̂é r̂éf̂ér̂ t́ô t́âb́l̂é ĉél̂ĺŝ ẃît́ĥín̂ t́ĥé ŝám̂é t̂áb̂ĺê.
Ŝćr̂éêń r̂éâd́êŕŝ h́âv́ê f́êát̂úr̂éŝ t́ô ḿâḱê ńâv́îǵât́îńĝ t́âb́l̂éŝ éâśîér̂. Én̂śûŕîńĝ <td> ćêĺl̂ś ûśîńĝ t́ĥé [headers] ât́t̂ŕîb́ût́ê ón̂ĺŷ ŕêf́êŕ t̂ó ôt́ĥér̂ ćêĺl̂ś îń t̂h́ê śâḿê t́âb́l̂é m̂áŷ ím̂ṕr̂óv̂é t̂h́ê éx̂ṕêŕîén̂ćê f́ôŕ ŝćr̂éêń r̂éâd́êŕ ûśêŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé headers ât́t̂ŕîb́ût́ê.
<th> êĺêḿêńt̂ś âńd̂ él̂ém̂én̂t́ŝ ẃît́ĥ [role="columnheader"/"rowheader"] h́âv́ê d́ât́â ćêĺl̂ś t̂h́êý d̂éŝćr̂íb̂é.
Ŝćr̂éêń r̂éâd́êŕŝ h́âv́ê f́êát̂úr̂éŝ t́ô ḿâḱê ńâv́îǵât́îńĝ t́âb́l̂éŝ éâśîér̂. Én̂śûŕîńĝ t́âb́l̂é ĥéâd́êŕŝ ál̂ẃâýŝ ŕêf́êŕ t̂ó ŝóm̂é ŝét̂ óf̂ ćêĺl̂ś m̂áŷ ím̂ṕr̂óv̂é t̂h́ê éx̂ṕêŕîén̂ćê f́ôŕ ŝćr̂éêń r̂éâd́êŕ ûśêŕŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́âb́l̂é ĥéâd́êŕŝ.
[lang] ât́t̂ŕîb́ût́êś ĥáv̂é â v́âĺîd́ v̂ál̂úê
Ŝṕêćîf́ŷín̂ǵ â v́âĺîd́ B̂ĆP̂ 47 ĺâńĝúâǵê ón̂ él̂ém̂én̂t́ŝ h́êĺp̂ś êńŝúr̂é t̂h́ât́ t̂éx̂t́ îś p̂ŕôńôún̂ćêd́ ĉór̂ŕêćt̂ĺŷ b́ŷ á ŝćr̂éêń r̂éâd́êŕ. L̂éâŕn̂ h́ôẃ t̂ó ûśê t́ĥé lang ât́t̂ŕîb́ût́ê.
<video> êĺêḿêńt̂ś ĉón̂t́âín̂ á <track> êĺêḿêńt̂ ẃît́ĥ [kind="captions"]
Ŵh́êń â v́îd́êó p̂ŕôv́îd́êś â ćâṕt̂íôń ît́ îś êáŝíêŕ f̂ór̂ d́êáf̂ án̂d́ ĥéâŕîńĝ ím̂ṕâír̂éd̂ úŝér̂ś t̂ó âćĉéŝś ît́ŝ ín̂f́ôŕm̂át̂íôń. L̂éâŕn̂ ḿôŕê áb̂óût́ v̂íd̂éô ćâṕt̂íôńŝ.
T̂ŕûśt̂ án̂d́ Ŝáf̂ét̂ý
D̂óêś n̂ót̂ úŝé ĤT́T̂ṔŜ 1 îńŝéĉúr̂é r̂éq̂úêśt̂ f́ôún̂d́
Âĺl̂ śît́êś ŝh́ôúl̂d́ b̂é p̂ŕôt́êćt̂éd̂ ẃît́ĥ H́T̂T́P̂Ś, êv́êń ôńêś t̂h́ât́ d̂ón̂'t́ ĥán̂d́l̂é ŝén̂śît́îv́ê d́ât́â. T́ĥíŝ ín̂ćl̂úd̂éŝ áv̂óîd́îńĝ ḿîx́êd́ ĉón̂t́êńt̂, ẃĥér̂é ŝóm̂é r̂éŝóûŕĉéŝ ár̂é l̂óâd́êd́ ôv́êŕ ĤT́T̂Ṕ d̂éŝṕît́ê t́ĥé îńît́îál̂ ŕêq́ûéŝt́ b̂éîńĝ śêŕv̂éd̂ óv̂ér̂ H́T̂T́P̂Ś. ĤT́T̂ṔŜ ṕr̂év̂én̂t́ŝ ín̂t́r̂úd̂ér̂ś f̂ŕôḿ t̂ám̂ṕêŕîńĝ ẃît́ĥ ór̂ ṕâśŝív̂él̂ý l̂íŝt́êńîńĝ ín̂ ón̂ t́ĥé ĉóm̂ḿûńîćât́îón̂ś b̂ét̂ẃêén̂ ýôúr̂ áp̂ṕ âńd̂ ýôúr̂ úŝér̂ś, âńd̂ íŝ á p̂ŕêŕêq́ûíŝít̂é f̂ór̂ H́T̂T́P̂/2 án̂d́ m̂án̂ý n̂éŵ ẃêb́ p̂ĺât́f̂ór̂ḿ ÂṔÎś. L̂éâŕn̂ ḿôŕê áb̂óût́ ĤT́T̂ṔŜ.
Îńŝéĉúr̂é ÛŔL̂
R̂éq̂úêśt̂ Ŕêśôĺût́îón̂
[::1]
Âĺl̂óŵéd̂
R̂éq̂úêśt̂ś t̂h́ê ǵêól̂óĉát̂íôń p̂ér̂ḿîśŝíôń ôń p̂áĝé l̂óâd́
Ûśêŕŝ ár̂é m̂íŝt́r̂úŝt́f̂úl̂ óf̂ ór̂ ćôńf̂úŝéd̂ b́ŷ śît́êś t̂h́ât́ r̂éq̂úêśt̂ t́ĥéîŕ l̂óĉát̂íôń ŵít̂h́ôút̂ ćôńt̂éx̂t́. Ĉón̂śîd́êŕ t̂ýîńĝ t́ĥé r̂éq̂úêśt̂ t́ô á ûśêŕ âćt̂íôń îńŝt́êád̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé ĝéôĺôćât́îón̂ ṕêŕm̂íŝśîón̂.
Ŝóûŕĉé
localhost
1ŝt́ p̂ár̂t́ŷ
R̂éq̂úêśt̂ś t̂h́ê ńôt́îf́îćât́îón̂ ṕêŕm̂íŝśîón̂ ón̂ ṕâǵê ĺôád̂
Ûśêŕŝ ár̂é m̂íŝt́r̂úŝt́f̂úl̂ óf̂ ór̂ ćôńf̂úŝéd̂ b́ŷ śît́êś t̂h́ât́ r̂éq̂úêśt̂ t́ô śêńd̂ ńôt́îf́îćât́îón̂ś ŵít̂h́ôút̂ ćôńt̂éx̂t́. Ĉón̂śîd́êŕ t̂ýîńĝ t́ĥé r̂éq̂úêśt̂ t́ô úŝér̂ ǵêśt̂úr̂éŝ ín̂śt̂éâd́. L̂éâŕn̂ ḿôŕê áb̂óût́ r̂éŝṕôńŝíb̂ĺŷ ǵêt́t̂ín̂ǵ p̂ér̂ḿîśŝíôń f̂ór̂ ńôt́îf́îćât́îón̂ś.
Ŝóûŕĉé
localhost
1ŝt́ p̂ár̂t́ŷ
Êńŝúr̂é ĈŚP̂ íŝ éf̂f́êćt̂ív̂é âǵâín̂śt̂ X́ŜŚ ât́t̂áĉḱŝ
 śt̂ŕôńĝ Ćôńt̂én̂t́ Ŝéĉúr̂ít̂ý P̂ól̂íĉý (ĈŚP̂) śîǵn̂íf̂íĉán̂t́l̂ý r̂éd̂úĉéŝ t́ĥé r̂íŝḱ ôf́ ĉŕôśŝ-śît́ê śĉŕîṕt̂ín̂ǵ (X̂ŚŜ) át̂t́âćk̂ś. L̂éâŕn̂ h́ôẃ t̂ó ûśê á ĈŚP̂ t́ô ṕr̂év̂én̂t́ X̂ŚŜ
D̂éŝćr̂íp̂t́îón̂
D̂ír̂éĉt́îv́ê
Ŝév̂ér̂ít̂ý
N̂ó ĈŚP̂ f́ôún̂d́ îń êńf̂ór̂ćêḿêńt̂ ḿôd́ê
Ĥíĝh́
Ĝén̂ér̂ál̂
Ûśêś d̂ép̂ŕêćât́êd́ ÂṔÎś 2 ŵár̂ńîńĝś f̂óûńd̂
D̂ép̂ŕêćât́êd́ ÂṔÎś ŵíl̂ĺ êv́êńt̂úâĺl̂ý b̂é r̂ém̂óv̂éd̂ f́r̂óm̂ t́ĥé b̂ŕôẃŝér̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ d́êṕr̂éĉát̂éd̂ ÁP̂Íŝ.
D̂ép̂ŕêćât́îón̂ / Ẃâŕn̂ín̂ǵ
Ŝóûŕĉé
localhost
1ŝt́ p̂ár̂t́ŷ
Synchronous `XMLHttpRequest` on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
UnloadHandler
B̂ŕôẃŝér̂ ér̂ŕôŕŝ ẃêŕê ĺôǵĝéd̂ t́ô t́ĥé ĉón̂śôĺê
Êŕr̂ór̂ś l̂óĝǵêd́ t̂ó t̂h́ê ćôńŝól̂é îńd̂íĉát̂é ûńr̂éŝól̂v́êd́ p̂ŕôb́l̂ém̂ś. T̂h́êý ĉán̂ ćôḿê f́r̂óm̂ ńêt́ŵór̂ḱ r̂éq̂úêśt̂ f́âíl̂úr̂éŝ án̂d́ ôt́ĥér̂ b́r̂óŵśêŕ ĉón̂ćêŕn̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́îś êŕr̂ór̂ś îń ĉón̂śôĺê d́îáĝńôśt̂íĉ áûd́ît́
Ŝóûŕĉé
D̂éŝćr̂íp̂t́îón̂
localhost
1ŝt́ p̂ár̂t́ŷ
Error: A distinctive error
    at http://localhost:10200/dobetterweb/dbw_tester.html:64:54
Error: An ignored error
    at http://localhost:10200/dobetterweb/dbw_tester.html:67:38
Error! Error!
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found)
/favicon.ico:1:0
(localhost)
Failed to load resource: the server responded with a status of 404 (Not Found)
[::1]
Failed to load resource: net::ERR_CONNECTION_REFUSED
D̂ét̂éĉt́êd́ Ĵáv̂áŜćr̂íp̂t́ l̂íb̂ŕâŕîéŝ
Âĺl̂ f́r̂ón̂t́-êńd̂ J́âv́âŚĉŕîṕt̂ ĺîb́r̂ár̂íêś d̂ét̂éĉt́êd́ ôń t̂h́ê ṕâǵê. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥíŝ J́âv́âŚĉŕîṕt̂ ĺîb́r̂ár̂ý d̂ét̂éĉt́îón̂ d́îáĝńôśt̂íĉ áûd́ît́.
N̂ám̂é
V̂ér̂śîón̂
jQuery
2.1.1
WordPress
Ûśêŕ Êx́p̂ér̂íêńĉé
P̂ŕêv́êńt̂ś ûśêŕŝ f́r̂óm̂ ṕâśt̂ín̂ǵ îńt̂ó îńp̂út̂ f́îél̂d́ŝ
P̂ŕêv́êńt̂ín̂ǵ îńp̂út̂ ṕâśt̂ín̂ǵ îś â b́âd́ p̂ŕâćt̂íĉé f̂ór̂ t́ĥé ÛX́, âńd̂ ẃêák̂én̂ś ŝéĉúr̂ít̂ý b̂ý b̂ĺôćk̂ín̂ǵ p̂áŝśŵór̂d́ m̂án̂áĝér̂ś.L̂éâŕn̂ ḿôŕê áb̂óût́ ûśêŕ-f̂ŕîén̂d́l̂ý îńp̂út̂ f́îél̂d́ŝ.
F̂áîĺîńĝ Él̂ém̂én̂t́ŝ
body > input
<input type="password" onpaste="event.preventDefault();">
body > input
<input type="password" onpaste="return false;">
D̂íŝṕl̂áŷś îḿâǵêś ŵít̂h́ îńĉór̂ŕêćt̂ áŝṕêćt̂ ŕât́îó
Îḿâǵê d́îśp̂ĺâý d̂ím̂én̂śîón̂ś ŝh́ôúl̂d́ m̂át̂ćĥ ńât́ûŕâĺ âśp̂éĉt́ r̂át̂íô. Ĺêár̂ń m̂ór̂é âb́ôút̂ ím̂áĝé âśp̂éĉt́ r̂át̂íô.
ÛŔL̂
Âśp̂éĉt́ R̂át̂íô (D́îśp̂ĺâýêd́)
Âśp̂éĉt́ R̂át̂íô (Áĉt́ûál̂)
localhost
1ŝt́ p̂ár̂t́ŷ
body > img
<img src="lighthouse-1024x680.jpg?iar1" width="120" height="15">
120 x 15 (8.00)
1024 x 678 (1.51)
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
400 x 360 (1.11)
480 x 318 (1.51)
Ŝér̂v́êś îḿâǵêś ŵít̂h́ l̂óŵ ŕêśôĺût́îón̂
Îḿâǵê ńât́ûŕâĺ d̂ím̂én̂śîón̂ś ŝh́ôúl̂d́ b̂é p̂ŕôṕôŕt̂íôńâĺ t̂ó t̂h́ê d́îśp̂ĺâý ŝíẑé âńd̂ t́ĥé p̂íx̂él̂ ŕât́îó t̂ó m̂áx̂ím̂íẑé îḿâǵê ćl̂ár̂ít̂ý. L̂éâŕn̂ h́ôẃ t̂ó p̂ŕôv́îd́ê ŕêśp̂ón̂śîv́ê ím̂áĝéŝ.
ÛŔL̂
D̂íŝṕl̂áŷéd̂ śîźê
Âćt̂úâĺ ŝíẑé
Êx́p̂éĉt́êd́ ŝíẑé
localhost
1ŝt́ p̂ár̂t́ŷ
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
400 x 360
480 x 318
600 x 540
P̂áŝśêd́ âúd̂ít̂ś (7)
Ŝh́ôẃ Ĥíd̂é
Âv́ôíd̂ś t̂h́îŕd̂-ṕâŕt̂ý ĉóôḱîéŝ
Ĉh́r̂óm̂é îś m̂óv̂ín̂ǵ t̂óŵár̂d́ŝ á n̂éŵ éx̂ṕêŕîén̂ćê t́ĥát̂ ál̂ĺôẃŝ úŝér̂ś t̂ó ĉh́ôóŝé t̂ó b̂ŕôẃŝé ŵít̂h́ôút̂ t́ĥír̂d́-p̂ár̂t́ŷ ćôók̂íêś. L̂éâŕn̂ ḿôŕê áb̂óût́ t̂h́îŕd̂-ṕâŕt̂ý ĉóôḱîéŝ.
Ĥáŝ á <meta name="viewport"> t̂áĝ ẃît́ĥ width ór̂ initial-scale
<meta name="viewport"> ńôt́ ôńl̂ý ôṕt̂ím̂íẑéŝ ýôúr̂ áp̂ṕ f̂ór̂ ḿôb́îĺê śĉŕêén̂ śîźêś, b̂út̂ ál̂śô ṕr̂év̂én̂t́ŝ á 300 m̂íl̂ĺîśêćôńd̂ d́êĺâý t̂ó ûśêŕ îńp̂út̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ úŝín̂ǵ t̂h́ê v́îéŵṕôŕt̂ ḿêt́â t́âǵ.
D̂óĉúm̂én̂t́ ûśêś l̂éĝíb̂ĺê f́ôńt̂ śîźêś 100 % l̂éĝíb̂ĺê t́êx́t̂
F̂ón̂t́ ŝíẑéŝ ĺêśŝ t́ĥán̂ 12ṕx̂ ár̂é t̂óô śm̂ál̂ĺ t̂ó b̂é l̂éĝíb̂ĺê án̂d́ r̂éq̂úîŕê ḿôb́îĺê v́îśît́ôŕŝ t́ô “ṕîńĉh́ t̂ó ẑóôḿ” îń ôŕd̂ér̂ t́ô ŕêád̂. Śt̂ŕîv́ê t́ô h́âv́ê >60% óf̂ ṕâǵê t́êx́t̂ ≥12ṕx̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ ĺêǵîb́l̂é f̂ón̂t́ ŝíẑéŝ.
Ŝóûŕĉé
Ŝél̂éĉt́ôŕ
% ôf́ P̂áĝé T̂éx̂t́
F̂ón̂t́ Ŝíẑé
L̂éĝíb̂ĺê t́êx́t̂
100.00%
≥ 12px
P̂áĝé ĥáŝ t́ĥé ĤT́M̂Ĺ d̂óĉt́ŷṕê
Ŝṕêćîf́ŷín̂ǵ â d́ôćt̂ýp̂é p̂ŕêv́êńt̂ś t̂h́ê b́r̂óŵśêŕ f̂ŕôḿ ŝẃît́ĉh́îńĝ t́ô q́ûír̂ḱŝ-ḿôd́ê. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé d̂óĉt́ŷṕê d́êćl̂ár̂át̂íôń.
P̂ŕôṕêŕl̂ý d̂éf̂ín̂éŝ ćĥár̂śêt́
 ćĥár̂áĉt́êŕ êńĉód̂ín̂ǵ d̂éĉĺâŕât́îón̂ íŝ ŕêq́ûír̂éd̂. Ít̂ ćâń b̂é d̂ón̂é ŵít̂h́ â <meta> t́âǵ îń t̂h́ê f́îŕŝt́ 1024 b̂ýt̂éŝ óf̂ t́ĥé ĤT́M̂Ĺ ôŕ îń t̂h́ê Ćôńt̂én̂t́-T̂ýp̂é ĤT́T̂Ṕ r̂éŝṕôńŝé ĥéâd́êŕ. L̂éâŕn̂ ḿôŕê áb̂óût́ d̂éĉĺâŕîńĝ t́ĥé ĉh́âŕâćt̂ér̂ én̂ćôd́îńĝ.
N̂ó îśŝúêś îń t̂h́ê Issues ṕâńêĺ îń Ĉh́r̂óm̂é D̂év̂t́ôól̂ś
Îśŝúêś l̂óĝǵêd́ t̂ó t̂h́ê Issues ṕâńêĺ îń Ĉh́r̂óm̂é D̂év̂t́ôól̂ś îńd̂íĉát̂é ûńr̂éŝól̂v́êd́ p̂ŕôb́l̂ém̂ś. T̂h́êý ĉán̂ ćôḿê f́r̂óm̂ ńêt́ŵór̂ḱ r̂éq̂úêśt̂ f́âíl̂úr̂éŝ, ín̂śûf́f̂íĉíêńt̂ śêćûŕît́ŷ ćôńt̂ŕôĺŝ, án̂d́ ôt́ĥér̂ b́r̂óŵśêŕ ĉón̂ćêŕn̂ś. Ôṕêń ûṕ t̂h́ê Íŝśûéŝ ṕâńêĺ îń Ĉh́r̂óm̂é D̂év̂T́ôól̂ś f̂ór̂ ḿôŕê d́êt́âíl̂ś ôń êáĉh́ îśŝúê.
P̂áĝé ĥáŝ v́âĺîd́ ŝóûŕĉé m̂áp̂ś
Ŝóûŕĉé m̂áp̂ś t̂ŕâńŝĺât́ê ḿîńîf́îéd̂ ćôd́ê t́ô t́ĥé ôŕîǵîńâĺ ŝóûŕĉé ĉód̂é. T̂h́îś ĥél̂ṕŝ d́êv́êĺôṕêŕŝ d́êb́ûǵ îń p̂ŕôd́ûćt̂íôń. Îń âd́d̂ít̂íôń, L̂íĝh́t̂h́ôúŝé îś âb́l̂é t̂ó p̂ŕôv́îd́ê f́ûŕt̂h́êŕ îńŝíĝh́t̂ś. Ĉón̂śîd́êŕ d̂ép̂ĺôýîńĝ śôúr̂ćê ḿâṕŝ t́ô t́âḱê ád̂v́âńt̂áĝé ôf́ t̂h́êśê b́êńêf́ît́ŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ śôúr̂ćê ḿâṕŝ.
N̂ót̂ áp̂ṕl̂íĉáb̂ĺê (1)
Ŝh́ôẃ Ĥíd̂é
R̂éd̂ír̂éĉt́ŝ H́T̂T́P̂ t́r̂áf̂f́îć t̂ó ĤT́T̂ṔŜ
M̂ák̂é ŝúr̂é t̂h́ât́ ŷóû ŕêd́îŕêćt̂ ál̂ĺ ĤT́T̂Ṕ t̂ŕâf́f̂íĉ t́ô H́T̂T́P̂Ś îń ôŕd̂ér̂ t́ô én̂áb̂ĺê śêćûŕê ẃêb́ f̂éât́ûŕêś f̂ór̂ ál̂ĺ ŷóûŕ ûśêŕŝ. Ĺêár̂ń m̂ór̂é.
T̂h́êśê ćĥéĉḱŝ én̂śûŕê t́ĥát̂ ýôúr̂ ṕâǵê íŝ f́ôĺl̂óŵín̂ǵ b̂áŝíĉ śêár̂ćĥ én̂ǵîńê óp̂t́îḿîźât́îón̂ ád̂v́îćê. T́ĥér̂é âŕê ḿâńŷ ád̂d́ît́îón̂ál̂ f́âćt̂ór̂ś L̂íĝh́t̂h́ôúŝé d̂óêś n̂ót̂ śĉór̂é ĥér̂é t̂h́ât́ m̂áŷ áf̂f́êćt̂ ýôúr̂ śêár̂ćĥ ŕâńk̂ín̂ǵ, îńĉĺûd́îńĝ ṕêŕf̂ór̂ḿâńĉé ôń Ĉór̂é Ŵéb̂ V́ît́âĺŝ. Ĺêár̂ń m̂ór̂é âb́ôút̂ Ǵôóĝĺê Śêár̂ćĥ Éŝśêńt̂íâĺŝ.
Ĉón̂t́êńt̂ B́êśt̂ Ṕr̂áĉt́îćêś
D̂óĉúm̂én̂t́ d̂óêś n̂ót̂ h́âv́ê á m̂ét̂á d̂éŝćr̂íp̂t́îón̂
M̂ét̂á d̂éŝćr̂íp̂t́îón̂ś m̂áŷ b́ê ín̂ćl̂úd̂éd̂ ín̂ śêár̂ćĥ ŕêśûĺt̂ś t̂ó ĉón̂ćîśêĺŷ śûḿm̂ár̂íẑé p̂áĝé ĉón̂t́êńt̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé m̂ét̂á d̂éŝćr̂íp̂t́îón̂.
Îḿâǵê él̂ém̂én̂t́ŝ d́ô ńôt́ ĥáv̂é [alt] ât́t̂ŕîb́ût́êś
Îńf̂ór̂ḿât́îv́ê él̂ém̂én̂t́ŝ śĥóûĺd̂ áîḿ f̂ór̂ śĥór̂t́, d̂éŝćr̂íp̂t́îv́ê ál̂t́êŕn̂át̂é t̂éx̂t́. D̂éĉór̂át̂ív̂é êĺêḿêńt̂ś ĉán̂ b́ê íĝńôŕêd́ ŵít̂h́ âń êḿp̂t́ŷ ál̂t́ ât́t̂ŕîb́ût́ê. Ĺêár̂ń m̂ór̂é âb́ôút̂ t́ĥé alt ât́t̂ŕîb́ût́ê.
F̂áîĺîńĝ Él̂ém̂én̂t́ŝ
body > img
<img src="lighthouse-1024x680.jpg?iar1" width="120" height="15">
body > img
<img loading="lazy" src="lighthouse-1024x680.jpg?iar2" width="120" height="80" fetchpriority="low">
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
body > img
<img src="lighthouse-1024x680.jpg?isr2" width="120" height="80" style="position: absolute;">
body > img
<img src="lighthouse-1024x680.jpg?isr3" width="360" height="240" style="image-rendering: pixelated; position: absolute;">
body > img
<img src="http://localhost:10200/dobetterweb/lighthouse-1024x680.jpg" srcset="lighthouse-1024x680.jpg 2x" width="360" height="240" style="position: absolute;">
body > img
<img src="lighthouse-rotating.gif" width="811" height="462">
body > img
<img src="blob:http://localhost:10200/fa49e413-bc80-4876-b31d-38a24f51cff7">
body > img
<img src="filesystem:http://localhost:10200/temporary/empty-0.9307734889843826.png">
F̂ór̂ḿât́ ŷóûŕ ĤT́M̂Ĺ îń â ẃâý t̂h́ât́ êńâb́l̂éŝ ćr̂áŵĺêŕŝ t́ô b́êt́t̂ér̂ ún̂d́êŕŝt́âńd̂ ýôúr̂ áp̂ṕ’ŝ ćôńt̂én̂t́.
Ĉŕâẃl̂ín̂ǵ âńd̂ Ín̂d́êx́îńĝ
L̂ín̂ḱŝ ár̂é n̂ót̂ ćr̂áŵĺâb́l̂é
Ŝéâŕĉh́ êńĝín̂éŝ ḿâý ûśê href át̂t́r̂íb̂út̂éŝ ón̂ ĺîńk̂ś t̂ó ĉŕâẃl̂ ẃêb́ŝít̂éŝ. Én̂śûŕê t́ĥát̂ t́ĥé href ât́t̂ŕîb́ût́ê óf̂ án̂ćĥór̂ él̂ém̂én̂t́ŝ ĺîńk̂ś t̂ó âń âṕp̂ŕôṕr̂íât́ê d́êśt̂ín̂át̂íôń, ŝó m̂ór̂é p̂áĝéŝ óf̂ t́ĥé ŝít̂é ĉán̂ b́ê d́îśĉóv̂ér̂éd̂. Ĺêár̂ń ĥóŵ t́ô ḿâḱê ĺîńk̂ś ĉŕâẃl̂áb̂ĺê
Ûńĉŕâẃl̂áb̂ĺê Ĺîńk̂
external link
<a target="_blank">
body > a
<a href="javascript:void(0)" target="_blank">
T̂ó âṕp̂éâŕ îń ŝéâŕĉh́ r̂éŝúl̂t́ŝ, ćr̂áŵĺêŕŝ ńêéd̂ áĉćêśŝ t́ô ýôúr̂ áp̂ṕ.
Âd́d̂ít̂íôńâĺ ît́êḿŝ t́ô ḿâńûál̂ĺŷ ćĥéĉḱ (1)
Ŝh́ôẃ Ĥíd̂é
Ŝt́r̂úĉt́ûŕêd́ d̂át̂á îś v̂ál̂íd̂
R̂ún̂ t́ĥéŝé âd́d̂ít̂íôńâĺ v̂ál̂íd̂át̂ór̂ś ôń ŷóûŕ ŝít̂é t̂ó ĉh́êćk̂ ád̂d́ît́îón̂ál̂ ŚÊÓ b̂éŝt́ p̂ŕâćt̂íĉéŝ.
P̂áŝśêd́ âúd̂ít̂ś (6)
Ŝh́ôẃ Ĥíd̂é
P̂áĝé îśn̂’t́ b̂ĺôćk̂éd̂ f́r̂óm̂ ín̂d́êx́îńĝ
Ŝéâŕĉh́ êńĝín̂éŝ ár̂é ûńâb́l̂é t̂ó îńĉĺûd́ê ýôúr̂ ṕâǵêś îń ŝéâŕĉh́ r̂éŝúl̂t́ŝ íf̂ t́ĥéŷ d́ôń't̂ h́âv́ê ṕêŕm̂íŝśîón̂ t́ô ćr̂áŵĺ t̂h́êḿ. L̂éâŕn̂ ḿôŕê áb̂óût́ ĉŕâẃl̂ér̂ d́îŕêćt̂ív̂éŝ.
D̂óĉúm̂én̂t́ ĥáŝ á <title> êĺêḿêńt̂
T̂h́ê t́ît́l̂é ĝív̂éŝ śĉŕêén̂ ŕêád̂ér̂ úŝér̂ś âń ôv́êŕv̂íêẃ ôf́ t̂h́ê ṕâǵê, án̂d́ ŝéâŕĉh́ êńĝín̂é ûśêŕŝ ŕêĺŷ ón̂ ít̂ h́êáv̂íl̂ý t̂ó d̂ét̂ér̂ḿîńê íf̂ á p̂áĝé îś r̂él̂év̂án̂t́ t̂ó t̂h́êír̂ śêár̂ćĥ. Ĺêár̂ń m̂ór̂é âb́ôút̂ d́ôćûḿêńt̂ t́ît́l̂éŝ.
P̂áĝé ĥáŝ śûćĉéŝśf̂úl̂ H́T̂T́P̂ śt̂át̂úŝ ćôd́ê
P̂áĝéŝ ẃît́ĥ ún̂śûćĉéŝśf̂úl̂ H́T̂T́P̂ śt̂át̂úŝ ćôd́êś m̂áŷ ńôt́ b̂é îńd̂éx̂éd̂ ṕr̂óp̂ér̂ĺŷ. Ĺêár̂ń m̂ór̂é âb́ôút̂ H́T̂T́P̂ śt̂át̂úŝ ćôd́êś.
r̂ób̂ót̂ś.t̂x́t̂ íŝ v́âĺîd́
Îf́ ŷóûŕ r̂ób̂ót̂ś.t̂x́t̂ f́îĺê íŝ ḿâĺf̂ór̂ḿêd́, ĉŕâẃl̂ér̂ś m̂áŷ ńôt́ b̂é âb́l̂é t̂ó ûńd̂ér̂śt̂án̂d́ ĥóŵ ýôú ŵán̂t́ ŷóûŕ ŵéb̂śît́ê t́ô b́ê ćr̂áŵĺêd́ ôŕ îńd̂éx̂éd̂. Ĺêár̂ń m̂ór̂é âb́ôút̂ ŕôb́ôt́ŝ.t́x̂t́.
D̂óĉúm̂én̂t́ ĥáŝ á v̂ál̂íd̂ hreflang
ĥŕêf́l̂án̂ǵ l̂ín̂ḱŝ t́êĺl̂ śêár̂ćĥ én̂ǵîńêś ŵh́ât́ v̂ér̂śîón̂ óf̂ á p̂áĝé t̂h́êý ŝh́ôúl̂d́ l̂íŝt́ îń ŝéâŕĉh́ r̂éŝúl̂t́ŝ f́ôŕ â ǵîv́êń l̂án̂ǵûáĝé ôŕ r̂éĝíôń. L̂éâŕn̂ ḿôŕê áb̂óût́ hreflang.
N̂ót̂ áp̂ṕl̂íĉáb̂ĺê (1)
Ŝh́ôẃ Ĥíd̂é
D̂óĉúm̂én̂t́ ĥáŝ á v̂ál̂íd̂ rel=canonical
Ĉán̂ón̂íĉál̂ ĺîńk̂ś ŝúĝǵêśt̂ ẃĥíĉh́ ÛŔL̂ t́ô śĥóŵ ín̂ śêár̂ćĥ ŕêśûĺt̂ś. L̂éâŕn̂ ḿôŕê áb̂óût́ ĉán̂ón̂íĉál̂ ĺîńk̂ś.