https://yapidenetimbirligi.org/ Website Teknik Analiz Raporu
Bu sayfa, https://yapidenetimbirligi.org/ için Google PageSpeed / Lighthouse verileri kullanılarak oluşturulmuş bir website teknik analiz raporudur. Performans, SEO, erişilebilirlik ve en iyi uygulamalar gibi başlıklarda sitenin mevcut durumu ve iyileştirme alanları özetlenmiştir.
AI Destekli Teknik Rapor
Web siteniz `https://yapidenetimbirligi.org/` için Google PageSpeed Insights verilerini detaylı bir şekilde analiz ettik. Amacımız, sitenizin performansını, kullanıcı deneyimini ve arama motorlarındaki görünürlüğünü daha da artırmak için somut ve uygulanabilir öneriler sunmaktır.
Aşağıda, analizimiz sonucunda ortaya çıkan bulguları ve iyileştirme tavsiyelerimizi içeren raporumuzu bulabilirsiniz.
---
### 1. Genel Değerlendirme
Web siteniz `yapidenetimbirligi.org`, Google PageSpeed Insights genel puanında **85** ile iyi bir performans sergilemektedir. Bu, sitenizin genel olarak sağlıklı bir yapıda olduğunu göstermektedir. Özellikle "SEO" ve "En İyi Uygulamalar (Best Practices)" alanlarındaki yüksek puanlarınız güçlü yönlerinizi ortaya koymaktadır.
Ancak, "Performans" ve "Erişilebilirlik (Accessibility)" kategorilerinde elde edilen puanlar (sırasıyla 70 ve 83) sitenizin iyileştirme potansiyeli taşıdığını göstermektedir. Bu alanlarda yapılacak optimizasyonlar, kullanıcı deneyimini önemli ölçüde artıracak ve sitenizin potansiyelini tam anlamıyla ortaya çıkaracaktır.
### 2. Güçlü Yönler
Sitenizin mevcut durumu itibarıyla öne çıkan güçlü yönleri şunlardır:
* **SEO (Arama Motoru Optimizasyonu) - Puan: 91 (Yeşil):** Siteniz arama motorları için genel olarak iyi optimize edilmiştir. `robots.txt` dosyanız geçerlidir, HTTP trafiği HTTPS'e yönlendirilmektedir ve `rel=canonical` etiketi doğru bir şekilde kullanılmaktadır. Bu, sitenizin arama sonuçlarında daha iyi sıralama elde etmesine yardımcı olmaktadır.
* **En İyi Uygulamalar (Best Practices) - Puan: 96 (Yeşil):** Web standartlarına ve güvenlik protokollerine uyum konusunda oldukça başarılısınız. Bu, sitenizin modern web teknolojilerini benimsediğini ve güvenilir bir platform sunduğunu göstermektedir.
* **Hızlı İlk Sunucu Yanıt Süresi (Initial Server Response Time):** Sunucunuzun ilk yanıt süresi oldukça kısadır. Bu, tüm diğer isteklerin başlangıç noktası olduğu için çok önemli bir avantajdır.
* **Yönlendirme (Redirects) Kullanımı:** Sitenizde çoklu sayfa yönlendirmeleri (`multiple page redirects`) bulunmamaktadır. Bu, sayfa yükleme sürelerine ek gecikme eklenmesini engeller.
* **JavaScript Optimizasyonu:** Kullanılmayan JavaScript kodları açısından önemli bir sorun tespit edilmemiştir, bu da kod tabanınızın genellikle temiz olduğunu gösterir.
### 3. İyileştirme Önerileri
Aşağıdaki alanlarda yapılacak iyileştirmeler, sitenizin performansını ve kullanıcı deneyimini önemli ölçüde artıracaktır:
* **Performans İyileştirmeleri:**
* **Görsel Optimizasyonu:** Sayfanızdaki görsellerin boyutları, modern formatları (WebP, AVIF) ve sıkıştırma oranları optimize edilmelidir. Duyarlı görseller (responsive images) kullanarak farklı cihazlar için en uygun boyutlu görseller sunulmalıdır. Bu, özellikle en büyük içerikli boyamayı (Largest Contentful Paint - LCP) hızlandıracaktır.
* **CSS Optimizasyonu:** Kullanılmayan CSS kuralları (unused CSS) kaldırılmalı veya ertelenmelidir. Özellikle ilk ekran içeriği (`above-the-fold content`) için kullanılmayan CSS'ler sonraya bırakılarak `render-blocking` (sayfa oluşturmayı engelleyen) CSS dosyalarının sayısı azaltılmalıdır. CSS dosyaları küçültülerek (minify) boyutları düşürülmelidir.
* **Önbellekleme Politikaları (Cache Lifetimes):** Statik kaynaklarınız (JavaScript dosyaları, bazı görseller) için tarayıcı önbellekleme süreleri uzatılmalıdır. Bu, tekrar ziyaret eden kullanıcılar için sitenizin çok daha hızlı yüklenmesini sağlayacaktır.
* **Font Gösterimi:** Metinlerin görünmez kalmasını (Flash of Invisible Text - FOIT) önlemek için fontlara `font-display: swap` özelliği eklenmelidir. Bu, font yüklenene kadar sistem fontlarının kullanılmasını sağlar, böylece kullanıcı içeriği daha hızlı görür.
* **Erişilebilirlik (Accessibility) İyileştirmeleri:**
* **Renk Kontrastı:** Metinler ve arka plan arasındaki kontrast oranları, engelli kullanıcılar (özellikle görme bozukluğu olanlar) için okunabilirliği artırmak amacıyla iyileştirilmelidir.
* **Erişilebilir Düğme ve Bağlantı İsimleri:** Sitenizdeki düğme ve bağlantıların, özellikle sosyal medya simgeleri gibi ikon tabanlı olanların, ekran okuyucular tarafından anlamlandırılabilmesi için erişilebilir isimlere (`aria-label` veya görünür metin) sahip olması gerekmektedir.
* **Başlık Hiyerarşisi:** Sayfa başlıkları (`h1`, `h2`, `h3` vb.) mantıksal ve sırasıyla azalan bir düzende kullanılmalıdır. Bu, ekran okuyucu kullanıcılarının sayfa yapısını daha kolay anlamasına yardımcı olur.
* **Ana Bölüm İşareti (Main Landmark):** Sayfanın ana içeriğini belirten bir `<main>` etiketi kullanılmalıdır. Bu, ekran okuyucu kullanıcılarının tekrarlayan içerikleri (menü, footer gibi) atlayarak doğrudan ana içeriğe ulaşmasını sağlar.
* **Alternatif Metinler (Alt Text):** `<input type="image">` ve `<object>` elementleri için açıklayıcı `alt` (alternatif) metinler eklenmelidir.
* **SEO İyileştirmeleri:**
* **Yapısal Veri (Structured Data) Doğruluğu:** Yapısal verilerinizin Google'ın araçlarıyla (Structured Data Testing Tool) kontrol edilerek geçerli olduğundan emin olunmalıdır. Doğru yapısal veri, arama motorlarının içeriğinizi daha iyi anlamasına ve zengin sonuçlar göstermesine yardımcı olur.
* **Meta Açıklaması (Meta Description):** Her sayfa için kısa ve bilgilendirici bir meta açıklaması eklenmelidir. Bu, arama sonuçlarında sayfanızın ne hakkında olduğunu kullanıcılara özetler.
* **En İyi Uygulamalar İyileştirmeleri:**
* **Konsol Hataları (404 Not Found):** Tarayıcı konsolunda görünen 404 (bulunamadı) hataları (özellikle font dosyaları ve bir SVG görseli için) giderilmelidir. Bu hatalar, eksik veya yanlış yollu kaynaklara işaret eder ve kullanıcı deneyimini olumsuz etkileyebilir.
### 4. Teknik Detaylar
Bu bölümde, yukarıda belirtilen iyileştirme alanlarına ilişkin teknik detayları ve Lighthouse raporundan alınan spesifik verileri paylaşmaktayız:
* **Performans Puanı: 70 (Sarı)**
* **En Büyük İçerikli Boyama (Largest Contentful Paint - LCP) Gecikmesi:** LCP süresi önemli bir problem olarak öne çıkmaktadır. LCP elementiniz `img#haberPreview` olarak belirlenmiştir. "Element render delay" (element oluşturma gecikmesi) 2088 ms ile oldukça yüksektir. Ayrıca, LCP görselinizin yüklenmesini hızlandırmak için `fetchpriority=high` özelliğinin eklenmesi önerilmektedir.
* **Kullanılmayan CSS'i Azaltma (Reduce unused CSS):** Sitenizde 75.5 KB (kilobayt) civarında kullanılmayan CSS bulunmaktadır. Özellikle ana CSS dosyanızın genel kuralları (%91.6 oranında), `bootstrap.min.css` (%96.8 oranında) ve `icons.css` (%99.1 oranında) kullanılmayan CSS içerir. Bu durum, gereksiz dosya indirme boyutuna neden olmaktadır.
* **CSS Dosyalarını Küçültme (Minify CSS):** CSS dosyalarınızın küçültülmesiyle 11.8 KB'ye kadar tasarruf potansiyeli bulunmaktadır. Bu, özellikle ana CSS kurallarınız ve `icons.css` dosyaları için geçerlidir.
* **Render Engelleme İstekleri (Render blocking requests):** Sayfa açılışını geciktiren birden fazla CSS dosyası bulunmaktadır. Bunlar arasında `animate.css`, `owl.theme.css`, `bootstrap.min.css`, `metismenu.css`, `icons.css`, `magnific-popup.css` ve `owl.carousel.min.css` yer almaktadır. Bu dosyaların kritik yoldan kaldırılması veya ertelenmesi LCP süresini iyileştirecektir.
* **Görsel Teslimatını İyileştirme (Improve image delivery):** Görselleriniz ciddi optimizasyon gerektirmektedir. Toplamda 9 MB'dan fazla tasarruf potansiyeli bulunmaktadır.
* Birçok görsel (örn. `424-ydkb...PNG`, `867-.JPG`, `526-ydkb...PNG`) modern formatlara (WebP, AVIF) dönüştürülerek ve daha iyi sıkıştırılarak büyük ölçüde küçültülebilir.
* Bazı görseller (örn. `867-.JPG` 3000x2000 piksel, gösterim boyutu 669x446) ekranda gösterildiğinden çok daha büyük boyutlarda yüklenmektedir. Duyarlı görseller (responsive images) kullanılarak doğru boyutta yüklenmeleri sağlanmalıdır.
* **Verimli Önbellekleme Süreleri Kullanımı (Use efficient cache lifetimes):** Bazı JavaScript dosyaları (örn. `jquery.min.js`, `bootstrap.min.js`, `owl.carousel.min.js`, `isotope.pkgd.min.js`) ve iki haber görseli (`765-ydkb...peg`, `921-total...peg`) için önbellekleme süresi 0 (sıfır) olarak ayarlanmıştır. Bu durum, her sayfa ziyaretinde bu dosyaların yeniden indirilmesine neden olur.
* **Font Gösterimi (Font display):** Birçok özel font (örn. CircularStd ve Font Awesome fontları) için `font-display` özelliği belirtilmemiştir. Bu, fontlar yüklenene kadar metinlerin görünmez kalmasına neden olarak "Flash of Invisible Text" (FOIT) deneyimi yaratır. `font-display: swap` kullanımı önerilir.
* **Ağ Bağımlılık Ağacı (Network dependency tree):** Ana doküman yüklenirken bir dizi kaynağın (özellikle CSS ve fontlar) kritik yükleme zincirinde yer alması sayfa yüklemesini geciktirmektedir. Özellikle `icons.css` ve bunun bağımlı olduğu font dosyaları uzun bir zincir oluşturmaktadır.
* **Erişilebilirlik Puanı: 83 (Sarı)**
* **Düşük Kontrast Oranı (Background and foreground colors do not have a sufficient contrast ratio.):** Haber listesindeki tarih bilgileri (`<small>` etiketi içinde, örn. "08 July 2025, Tuesday") ile arka plan rengi arasındaki kontrast oranı yetersizdir (3.1 - 3.54 arası, beklenen 4.5:1). Bu, görme engelli kullanıcılar için metnin okunmasını zorlaştırmaktadır.
* **Düğmelerin Erişilebilir İsmi Yok (Buttons do not have an accessible name):** Mobil menüdeki kapatma düğmesi (`button.close-nav`) gibi bazı düğmelerin ekran okuyucular tarafından okunabilecek bir ismi (`aria-label`, `aria-labelledby` veya metin) bulunmamaktadır.
* **Bağlantıların Anlaşılır İsmi Yok (Links do not have a discernible name):** Alt kısımdaki (footer) sosyal medya ikonları gibi bazı bağlantıların ekran okuyucular için anlaşılır bir ismi yoktur. Bu, bu bağlantıların amacını kör kullanıcılar için belirsiz hale getirir.
* **Başlık Sıralaması Bozuk (Heading elements are not in a sequentially-descending order):** Başlıklar (`h1`, `h2`, `h3` vb.) arasında atlamalar bulunmaktadır (örn. `<h3>`'ten sonra `<h4>` gelmesi, ardından tekrar `<h3>` kullanılması). Bu, sayfanın anlamsal yapısını bozar ve ekran okuyucu kullanıcılarının navigasyonunu zorlaştırır.
* **Ana Bölüm İşareti Eksik (Document does not have a main landmark):** Sayfanın ana içeriğini tanımlayan bir `<main>` etiketi eksiktir. Bu, klavye ve ekran okuyucu kullanıcıları için sayfa navigasyonunu daha az verimli hale getirir.
* **Görsel Giriş Elementlerinde Alt Metin Eksikliği (`<input type="image">` elements have `[alt]` text):** Görsel olarak kullanılan input (giriş) düğmelerinde `alt` metin bulunmamaktadır.
* **Object Elementlerinde Alternatif Metin Eksikliği (`<object>` elements have alternate text):** Eğer `object` elementi kullanılıyorsa, bu elementler için alternatif metinler sağlanmalıdır.
* **SEO Puanı: 91 (Yeşil)**
* **Geçersiz Yapısal Veri (Structured data is valid):** Yapısal verilerinizin geçerli olup olmadığını kontrol etmek için Google'ın "Structured Data Testing Tool" aracını kullanmanız önerilmektedir. Geçerli olmayan yapısal veri, arama motorlarının içeriğinizi anlamasına engel olabilir.
* **Meta Açıklaması Yok (Document does not have a meta description):** Sayfanız için bir meta açıklama (`<meta name="description" content="...">`) bulunmamaktadır. Bu, arama motoru sonuçlarında sayfanızın kısa bir özetini sunar ve tıklama oranını etkileyebilir.
* **En İyi Uygulamalar Puanı: 96 (Yeşil)**
* **Konsol Hataları (Browser errors were logged to the console):** Tarayıcı konsolunuzda bir dizi 404 (Not Found) hatası bulunmaktadır. Bu hatalar, `https://yapidenetimbirligi.org/fonts/` altında yer alan `CircularStd` font dosyaları (`woff2`, `woff`, `ttf` uzantılı) ve `img/icon/close-icon.svg` için oluşmaktadır. Bu, eksik dosyaları veya yanlış dosya yollarını işaret eder.
### 5. Sonuç ve Öneriler
Genel olarak, `yapidenetimbirligi.org` güçlü bir temele sahip ancak belirli alanlarda önemli iyileştirme potansiyeli barındırmaktadır. "Performans" ve "Erişilebilirlik" kategorilerindeki eksikliklerin giderilmesi, sitenizin hem teknik altyapısını güçlendirecek hem de tüm kullanıcılar için daha kapsayıcı ve keyifli bir deneyim sunacaktır.
**Önceliklendirilmiş Önerilerimiz:**
1. **Görsel ve CSS Optimizasyonu:** Sayfa yükleme hızınızı ve LCP'yi doğrudan etkilediği için görsellerinizin ve CSS dosyalarınızın optimize edilmesi en yüksek önceliğe sahip olmalıdır. Modern formatlar, sıkıştırma, duyarlı görseller ve kullanılmayan/render-blocking CSS'in temizlenmesi bu alandaki kilit adımlardır.
2. **Erişilebilirlik Sorunlarının Giderilmesi:** Renk kontrastı, erişilebilir düğme/bağlantı isimleri, başlık hiyerarşisi ve ana bölüm (`<main>`) gibi kritik erişilebilirlik sorunlarının çözülmesi, sitenizi daha geniş bir kitleye ulaştıracak ve yasal uyumluluğu artıracaktır.
3. **Önbellekleme ve Font Optimizasyonu:** Tarayıcı önbellekleme sürelerini ayarlamak ve fontlarınız için `font-display: swap` kullanmak, tekrar ziyaret eden kullanıcılar için hızı ve genel kullanıcı deneyimini iyileştirecektir.
4. **404 Hatalarının Düzeltilmesi:** Konsolunuzda görünen 404 hatalarının kaynağını bulup düzeltmek, hem site sağlığı hem de kullanıcı deneyimi açısından önemlidir.
5. **SEO İyileştirmeleri:** Yapısal veri doğruluğu ve meta açıklamalarının eklenmesi, arama motoru görünürlüğünüzü ve tıklama oranlarınızı artıracaktır.
Bu iyileştirmelerin, sitenizin genel kalitesini ve dijital varlığınızı önemli ölçüde artıracağına inanıyoruz. Bu süreci birlikte yönetmek ve sitenizi daha iyi bir noktaya taşımak için sizinle iş birliği yapmaktan memnuniyet duyarız.
Saygılarımızla,
[Web Performans Uzmanı Adınız/Şirketiniz]
Detaylı e-posta raporu ister misiniz?
Inbox AI Engine, https://yapidenetimbirligi.org/ için kapsamlı teknik değerlendirmeyi PDF formatında hazırlayıp 24 saat içinde e-posta adresinize iletebilir.
Performans, SEO ve kullanıcı deneyimi tarafında kalıcı iyileştirmeler için Inbox Ajans ekibiyle birlikte çalışabilirsiniz.
Yeni Website Analizi Başlat Uzmanla GörüşDeveloper Mode
Lighthouse tarafından üretilen teknik hata ve önerilerin özetlenmiş listesi. Bu bölüm daha çok geliştiriciler ve teknik ekipler için hazırlanmıştır.
🚀 Opportunities (Performans İyileştirme)
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. [Learn how to reduce unused CSS](https://developer.chrome.com/docs/lighthouse/performance/unused-css-rules/).
+150ms potansiyel kazançMinifying JavaScript files can reduce payload sizes and script parse time. [Learn how to minify JavaScript](https://developer.chrome.com/docs/lighthouse/performance/unminified-javascript/).
Keep the server response time for the main document short because all other requests depend on it. [Learn more about the Time to First Byte metric](https://developer.chrome.com/docs/lighthouse/performance/time-to-first-byte/).
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. [Learn how to reduce unused JavaScript](https://developer.chrome.com/docs/lighthouse/performance/unused-javascript/).
Minifying CSS files can reduce network payload sizes. [Learn how to minify CSS](https://developer.chrome.com/docs/lighthouse/performance/unminified-css/).
Redirects introduce additional delays before the page can be loaded. [Learn how to avoid page redirects](https://developer.chrome.com/docs/lighthouse/performance/redirects/).
❌ Failed Audits
When an image is being used as an `<input>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn about input image alt text](https://dequeuniversity.com/rules/axe/4.11/input-image-alt).
Run the [Structured Data Testing Tool](https://developers.google.com/search/docs/appearance/structured-data/) to validate structured data. [Learn more about Structured Data](https://developer.chrome.com/docs/lighthouse/seo/structured-data/).
Requests are blocking the page's initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.
Detaylar
{
"items": [
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/animate.css",
"totalBytes": 4728,
"wastedMs": 602
},
{
"wastedMs": 452,
"totalBytes": 621,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/owl.theme.css"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/bootstrap.min.css",
"wastedMs": 452,
"totalBytes": 21408
},
{
"wastedMs": 452,
"totalBytes": 1231,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/metismenu.css"
},
{
"totalBytes": 16795,
"wastedMs": 602,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/icons.css"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/magnific-popup.css",
"wastedMs": 452,
"totalBytes": 2127
},
{
"totalBytes": 1252,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/owl.carousel.min.css",
"wastedMs": 452
}
],
"type": "table",
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"valueType": "bytes",
"key": "totalBytes",
"label": "Transfer Size"
},
{
"valueType": "timespanMs",
"key": "wastedMs",
"label": "Duration"
}
]
}
The summary attribute should describe the table structure, while `<caption>` should have the onscreen title. Accurate table mark-up helps users of screen readers. [Learn more about summary and caption](https://dequeuniversity.com/rules/axe/4.11/table-duplicate-name).
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. [Learn more about heading order](https://dequeuniversity.com/rules/axe/4.11/heading-order).
Detaylar
{
"headings": [
{
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"key": "node"
}
],
"type": "table",
"debugData": {
"type": "debugdata",
"impact": "moderate",
"tags": [
"cat.semantics",
"best-practice"
]
},
"items": [
{
"node": {
"nodeLabel": "1000",
"path": "1,HTML,1,BODY,6,SECTION,0,DIV,0,DIV,0,DIV,1,H3",
"type": "node",
"explanation": "Fix any of the following:\n Heading order invalid",
"snippet": "<h3>",
"boundingRect": {
"left": 145,
"width": 122,
"bottom": 2825,
"height": 55,
"right": 267,
"top": 2770
},
"lhId": "1-9-H3",
"selector": "div.container > div.funfact-content-grid > div.single-funfact-item > h3"
}
},
{
"node": {
"selector": "div.col-md-6 > div.single-service-box > div.content-visible > h4",
"path": "1,HTML,1,BODY,7,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,1,DIV,0,H4",
"nodeLabel": "YDKB 2023 OLAĞAN GENEL KURULUNU YAPTI",
"snippet": "<h4>",
"boundingRect": {
"right": 377,
"width": 342,
"left": 35,
"height": 56,
"top": 4038,
"bottom": 4094
},
"type": "node",
"lhId": "1-10-H4",
"explanation": "Fix any of the following:\n Heading order invalid"
}
},
{
"node": {
"selector": "div.single-case-item > div.contents > div.content-visible > h3",
"type": "node",
"lhId": "1-11-H3",
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,0,H3",
"explanation": "Fix any of the following:\n Heading order invalid",
"nodeLabel": "YDKB Başkanı Ramazan Fırat Toraman’dan TBMM Milletvekili Ziyareti",
"snippet": "<h3>",
"boundingRect": {
"right": -888,
"left": -1172,
"bottom": 6757,
"top": 6667,
"width": 284,
"height": 90
}
}
}
]
}
[Avoid chaining critical requests](https://developer.chrome.com/docs/performance/insights/network-dependency-tree) by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Detaylar
{
"items": [
{
"type": "list-section",
"value": {
"chains": {
"04B90A4033004F4AA7F45A7F9824B22B": {
"url": "https:\/\/yapidenetimbirligi.org\/",
"children": {
"52.14": {
"transferSize": 30485,
"navStartToEndTime": 735,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/jquery.min.js"
},
"52.17": {
"children": [],
"navStartToEndTime": 742,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/popper.min.js",
"transferSize": 7569
},
"52.22": {
"navStartToEndTime": 742,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/owl.carousel.min.js",
"children": [],
"transferSize": 11045
},
"52.23": {
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/magnific-popup.min.js",
"transferSize": 7260,
"navStartToEndTime": 2748
},
"52.24": {
"children": [],
"transferSize": 1981,
"navStartToEndTime": 750,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/easypiechart.min.js"
},
"52.26": {
"navStartToEndTime": 808,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/wow.min.js",
"children": [],
"transferSize": 2967
},
"52.15": {
"transferSize": 3602,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/modernizr.min.js",
"navStartToEndTime": 672,
"children": []
},
"52.20": {
"children": [],
"transferSize": 2107,
"navStartToEndTime": 808,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/imageload.min.js"
},
"52.7": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/owl.theme.css",
"transferSize": 621,
"children": [],
"navStartToEndTime": 2746
},
"52.54": {
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.woff2",
"navStartToEndTime": 3087,
"transferSize": 983
},
"52.55": {
"transferSize": 983,
"navStartToEndTime": 3224,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.woff",
"children": []
},
"52.59": {
"transferSize": 983,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.ttf",
"navStartToEndTime": 3282
},
"52.30": {
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/active.js",
"navStartToEndTime": 742,
"transferSize": 2361
},
"52.61": {
"children": [],
"navStartToEndTime": 3107,
"transferSize": 983,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.woff"
},
"52.16": {
"transferSize": 2096,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/jquery.easing.js",
"navStartToEndTime": 2553
},
"52.6": {
"children": [],
"navStartToEndTime": 751,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/metismenu.css",
"transferSize": 1231
},
"52.29": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/ajax-mail.js",
"transferSize": 643,
"children": [],
"navStartToEndTime": 2634
},
"52.5": {
"transferSize": 1252,
"children": [],
"navStartToEndTime": 675,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/owl.carousel.min.css"
},
"52.58": {
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.woff",
"children": [],
"navStartToEndTime": 3204,
"transferSize": 983
},
"52.27": {
"children": [],
"transferSize": 2771,
"navStartToEndTime": 750,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/metismenu.js"
},
"52.60": {
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.woff2",
"navStartToEndTime": 3027,
"transferSize": 983
},
"52.19": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/isotope.pkgd.min.js",
"children": [],
"transferSize": 9843,
"navStartToEndTime": 736
},
"52.28": {
"transferSize": 2847,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/timeline.min.js",
"navStartToEndTime": 2627
},
"52.25": {
"transferSize": 1046,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/counterup.min.js",
"navStartToEndTime": 671
},
"52.21": {
"transferSize": 1089,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/scrollUp.min.js",
"navStartToEndTime": 735,
"children": []
},
"52.4": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/magnific-popup.css",
"transferSize": 2127,
"children": [],
"navStartToEndTime": 742
},
"52.2": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/icons.css",
"transferSize": 16795,
"navStartToEndTime": 750,
"children": {
"52.44": {
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-regular-400.woff2",
"transferSize": 145324,
"navStartToEndTime": 2963
},
"52.46": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-solid-900.woff2",
"navStartToEndTime": 3028,
"children": [],
"transferSize": 117784
},
"52.42": {
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-light-300.woff2",
"navStartToEndTime": 3108,
"transferSize": 157312
},
"52.40": {
"transferSize": 75047,
"navStartToEndTime": 5129,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-brands-400.woff2",
"isLongest": true
}
},
"isLongest": true
},
"52.18": {
"children": [],
"transferSize": 15160,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/bootstrap.min.js",
"navStartToEndTime": 751
},
"52.62": {
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.ttf",
"children": [],
"transferSize": 983,
"navStartToEndTime": 3205
},
"52.8": {
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/bootstrap.min.css",
"transferSize": 21408,
"navStartToEndTime": 762,
"children": []
},
"52.3": {
"transferSize": 4728,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/animate.css",
"children": [],
"navStartToEndTime": 2812
},
"52.56": {
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.ttf",
"children": [],
"navStartToEndTime": 3361,
"transferSize": 983
},
"52.57": {
"navStartToEndTime": 3027,
"children": [],
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.woff2",
"transferSize": 983
}
},
"navStartToEndTime": 492,
"isLongest": true,
"transferSize": 55880
}
},
"longestChain": {
"duration": 5129
},
"type": "network-tree"
}
},
{
"title": "Preconnected origins",
"description": "[preconnect](https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/uses-rel-preconnect\/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to.",
"type": "list-section",
"value": {
"type": "text",
"value": "no origins were preconnected"
}
},
{
"type": "list-section",
"description": "Add [preconnect](https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/uses-rel-preconnect\/) hints to your most important origins, but try to use no more than 4.",
"title": "Preconnect candidates",
"value": {
"value": "No additional origins are good candidates for preconnecting",
"type": "text"
}
}
],
"type": "list"
}
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. [Learn how to reduce unused CSS](https://developer.chrome.com/docs/lighthouse/performance/unused-css-rules/).
Detaylar
{
"type": "opportunity",
"headings": [
{
"valueType": "url",
"label": "URL",
"key": "url"
},
{
"valueType": "bytes",
"label": "Transfer Size",
"key": "totalBytes"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes"
}
],
"overallSavingsMs": 150,
"overallSavingsBytes": 75501,
"items": [
{
"url": "* {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n} …",
"wastedPercent": 91.6384970849083,
"wastedBytes": 39084,
"totalBytes": 42650
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/bootstrap.min.css",
"totalBytes": 20823,
"wastedBytes": 20174,
"wastedPercent": 96.88426918681544
},
{
"wastedPercent": 99.1284417206882,
"wastedBytes": 16243,
"totalBytes": 16386,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/icons.css"
}
],
"debugData": {
"type": "debugdata",
"metricSavings": {
"LCP": 150,
"FCP": 270
}
},
"sortedBy": [
"wastedBytes"
]
}
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](https://developer.chrome.com/docs/lighthouse/accessibility/managed-focus/).
Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more about ARIA roles and required parent element](https://dequeuniversity.com/rules/axe/4.11/aria-required-parent).
Custom interactive controls are keyboard focusable and display a focus indicator. [Learn how to make custom controls focusable](https://developer.chrome.com/docs/lighthouse/accessibility/focusable-controls/).
Screen readers cannot translate non-text content. Adding alternate text to `<object>` elements helps screen readers convey meaning to users. [Learn more about alt text for `object` elements](https://dequeuniversity.com/rules/axe/4.11/object-alt).
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. [Learn how to make buttons more accessible](https://dequeuniversity.com/rules/axe/4.11/button-name).
Detaylar
{
"debugData": {
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-11.9.1"
],
"type": "debugdata",
"impact": "critical"
},
"type": "table",
"headings": [
{
"label": "Failing Elements",
"key": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"valueType": "node"
}
],
"items": [
{
"node": {
"lhId": "1-0-BUTTON",
"snippet": "<button type=\"button\" class=\"close-nav\">",
"boundingRect": {
"width": 20,
"height": 32,
"bottom": 42,
"right": 512,
"top": 10,
"left": 492
},
"type": "node",
"nodeLabel": "div.mobile-nav-bar > div.mobile-nav-wrap > div.mobile-nav > button.close-nav",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"path": "1,HTML,1,BODY,0,HEADER,1,DIV,0,DIV,0,DIV,2,DIV,1,DIV,0,DIV,1,DIV,0,BUTTON",
"selector": "div.mobile-nav-bar > div.mobile-nav-wrap > div.mobile-nav > button.close-nav"
}
}
]
}
Adding discernable and accessible text to input buttons may help screen reader users understand the purpose of the input button. [Learn more about input buttons](https://dequeuniversity.com/rules/axe/4.11/input-button-name).
Screen readers have features to make navigating tables easier. Ensuring that `<td>` elements in a large table (3 or more cells in width and height) have an associated table header may improve the experience for screen reader users. [Learn more about table headers](https://dequeuniversity.com/rules/axe/4.11/td-has-header).
Form fields with multiple labels can be confusingly announced by assistive technologies like screen readers which use either the first, the last, or all of the labels. [Learn how to use form labels](https://dequeuniversity.com/rules/axe/4.11/form-field-multiple-labels).
The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. [Learn how to fix duplicate ARIA IDs](https://dequeuniversity.com/rules/axe/4.11/duplicate-id-aria).
Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more about access keys](https://dequeuniversity.com/rules/axe/4.11/accesskeys).
Focusable descendents within an `[aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn how `aria-hidden` affects focusable elements](https://dequeuniversity.com/rules/axe/4.11/aria-hidden-focus).
Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. [Learn more](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).
Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more about bypass blocks](https://dequeuniversity.com/rules/axe/4.11/bypass).
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. [Learn more about this errors in console diagnostic audit](https://developer.chrome.com/docs/lighthouse/best-practices/errors-in-console/)
Detaylar
{
"items": [
{
"sourceLocation": {
"urlProvider": "network",
"type": "source-location",
"line": 0,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.woff2",
"column": 0
},
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"source": "network"
},
{
"source": "network",
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"sourceLocation": {
"line": 0,
"type": "source-location",
"column": 0,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.woff2",
"urlProvider": "network"
}
},
{
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"source": "network",
"sourceLocation": {
"column": 0,
"urlProvider": "network",
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.woff2",
"line": 0,
"type": "source-location"
}
},
{
"sourceLocation": {
"type": "source-location",
"urlProvider": "network",
"line": 0,
"column": 0,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.woff"
},
"source": "network",
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)"
},
{
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"sourceLocation": {
"urlProvider": "network",
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.woff",
"column": 0,
"line": 0,
"type": "source-location"
},
"source": "network"
},
{
"source": "network",
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"sourceLocation": {
"line": 0,
"column": 0,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.ttf",
"urlProvider": "network",
"type": "source-location"
}
},
{
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"source": "network",
"sourceLocation": {
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.woff",
"column": 0,
"urlProvider": "network",
"type": "source-location",
"line": 0
}
},
{
"sourceLocation": {
"column": 0,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.ttf",
"urlProvider": "network",
"line": 0,
"type": "source-location"
},
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"source": "network"
},
{
"source": "network",
"sourceLocation": {
"type": "source-location",
"urlProvider": "network",
"line": 0,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.ttf",
"column": 0
},
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)"
},
{
"sourceLocation": {
"type": "source-location",
"column": 0,
"line": 0,
"url": "https:\/\/yapidenetimbirligi.org\/img\/icon\/close-icon.svg",
"urlProvider": "network"
},
"description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
"source": "network"
}
],
"headings": [
{
"label": "Source",
"key": "sourceLocation",
"valueType": "source-location"
},
{
"key": "description",
"valueType": "code",
"label": "Description"
}
],
"type": "table"
}
Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more about roles and required children elements](https://dequeuniversity.com/rules/axe/4.11/aria-required-children).
When a meter element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `meter` elements](https://dequeuniversity.com/rules/axe/4.11/aria-meter-name).
One main landmark helps screen reader users navigate a web page. [Learn more about landmarks](https://dequeuniversity.com/rules/axe/4.11/landmark-one-main).
Detaylar
{
"items": [
{
"node": {
"snippet": "<html lang=\"tr\" class=\" sizes customelements history pointerevents postmessage webgl websockets c…\">",
"explanation": "Fix all of the following:\n Document does not have a main landmark",
"type": "node",
"lhId": "1-12-HTML",
"boundingRect": {
"left": 0,
"right": 412,
"width": 412,
"bottom": 823,
"height": 823,
"top": 0
},
"selector": "html.sizes",
"nodeLabel": "html.sizes",
"path": "1,HTML"
}
}
],
"headings": [
{
"subItemsHeading": {
"valueType": "node",
"key": "relatedNode"
},
"valueType": "node",
"key": "node",
"label": "Failing Elements"
}
],
"debugData": {
"impact": "moderate",
"tags": [
"cat.semantics",
"best-practice"
],
"type": "debugdata"
},
"type": "table"
}
A long cache lifetime can speed up repeat visits to your page. [Learn more about caching](https://developer.chrome.com/docs/performance/insights/cache).
Detaylar
{
"sortedBy": [
"wastedBytes"
],
"debugData": {
"wastedBytes": 1982218.5,
"type": "debugdata"
},
"headings": [
{
"label": "Request",
"key": "url",
"valueType": "url"
},
{
"label": "Cache TTL",
"key": "cacheLifetimeMs",
"valueType": "ms",
"displayUnit": "duration"
},
{
"granularity": 1,
"valueType": "bytes",
"label": "Transfer Size",
"displayUnit": "kb",
"key": "totalBytes"
}
],
"skipSumming": [
"cacheLifetimeMs"
],
"type": "table",
"items": [
{
"cacheLifetimeMs": 0,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/765-ydkb-2023-olagan-genel-kurulunu-yapti..peg",
"totalBytes": 448830,
"wastedBytes": 448830
},
{
"totalBytes": 292578,
"cacheLifetimeMs": 0,
"wastedBytes": 292578,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/921-total-ile-isbirligi-anlasmasi-yaptik..peg"
},
{
"totalBytes": 2019616,
"cacheLifetimeMs": 604800000,
"wastedBytes": 201961.59999999995,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/424-ydkb-baskani-ramazan-firat-toraman-dan-denizli-subesi-ne-ziyaret.PNG"
},
{
"totalBytes": 1381199,
"wastedBytes": 138119.89999999997,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/867-.JPG",
"cacheLifetimeMs": 604800000
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/526-ydkb-baskani-ramazan-firat-toraman-dan-tbmm-milletvekili-ziyareti.PNG",
"totalBytes": 1308366,
"cacheLifetimeMs": 604800000,
"wastedBytes": 130836.59999999998
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/298-ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olayina-iliskin-basin-aciklamasi.PNG",
"cacheLifetimeMs": 604800000,
"wastedBytes": 97680.69999999998,
"totalBytes": 976807
},
{
"totalBytes": 889009,
"wastedBytes": 88900.89999999998,
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/169-.png"
},
{
"wastedBytes": 85317.89999999998,
"cacheLifetimeMs": 604800000,
"totalBytes": 853179,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/895-ydkb-baskani-ramazan-firat-toraman-dan-sanliurfa-bayram-ziyareti-kapsaminda-tbmm-baskanvekili-ve-bekir-bozdag-a-sektorel-ziyaret.PNG"
},
{
"wastedBytes": 85236.59999999998,
"totalBytes": 852366,
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/283-ydkb-baskani-ramazan-firat-toraman-dan-bursa-il-mudurlugu-ve-imo-ziyaretleri.PNG"
},
{
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/716-birligimizin-ismi-ve-logosu-tescillendi.jpg",
"wastedBytes": 82151.89999999998,
"totalBytes": 821519
},
{
"wastedBytes": 79685.99999999999,
"totalBytes": 796860,
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/349-ydkb-baskani-ramazan-firat-toraman-dan-ankara-da-derneklerle-is-birligi-gorusmeleri.PNG"
},
{
"wastedBytes": 73674.09999999998,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/9-ydkb-baskani-ramazan-firat-toraman-ve-mugla-yapi-denetim-dernek-temsilcileri-ankara-da-cevre-ve-sehircilik-bakanligi-ni-ziyaret-etti.PNG",
"cacheLifetimeMs": 604800000,
"totalBytes": 736741
},
{
"totalBytes": 30485,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/jquery.min.js",
"wastedBytes": 30485,
"cacheLifetimeMs": 0
},
{
"totalBytes": 157312,
"cacheLifetimeMs": 604800000,
"wastedBytes": 15731.199999999997,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-light-300.woff2"
},
{
"totalBytes": 15160,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/bootstrap.min.js",
"wastedBytes": 15160,
"cacheLifetimeMs": 0
},
{
"wastedBytes": 14532.399999999996,
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-regular-400.woff2",
"totalBytes": 145324
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-solid-900.woff2",
"totalBytes": 117784,
"wastedBytes": 11778.399999999998,
"cacheLifetimeMs": 604800000
},
{
"cacheLifetimeMs": 0,
"wastedBytes": 11045,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/owl.carousel.min.js",
"totalBytes": 11045
},
{
"totalBytes": 9843,
"cacheLifetimeMs": 0,
"wastedBytes": 9843,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/isotope.pkgd.min.js"
},
{
"cacheLifetimeMs": 0,
"totalBytes": 7569,
"wastedBytes": 7569,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/popper.min.js"
},
{
"wastedBytes": 7504.699999999998,
"cacheLifetimeMs": 604800000,
"totalBytes": 75047,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-brands-400.woff2"
},
{
"totalBytes": 7260,
"wastedBytes": 7260,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/magnific-popup.min.js",
"cacheLifetimeMs": 0
},
{
"wastedBytes": 6184.199999999999,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/169-yapi-denetim-kuruluslari-birligi-nde-toraman-donemi-basladi.jpg",
"cacheLifetimeMs": 604800000,
"totalBytes": 61842
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/612029806-yapi-denetim-kuruluslari-birligi.png",
"wastedBytes": 4544.0999999999985,
"totalBytes": 45441,
"cacheLifetimeMs": 604800000
},
{
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/364781341-yapi-denetim-kuruluslari-birligi.png",
"wastedBytes": 4526.299999999999,
"totalBytes": 45263
},
{
"totalBytes": 3602,
"wastedBytes": 3602,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/modernizr.min.js",
"cacheLifetimeMs": 0
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/wow.min.js",
"totalBytes": 2967,
"cacheLifetimeMs": 0,
"wastedBytes": 2967
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/timeline.min.js",
"totalBytes": 2847,
"wastedBytes": 2847,
"cacheLifetimeMs": 0
},
{
"totalBytes": 2771,
"wastedBytes": 2771,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/metismenu.js",
"cacheLifetimeMs": 0
},
{
"cacheLifetimeMs": 0,
"wastedBytes": 2361,
"totalBytes": 2361,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/active.js"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/bootstrap.min.css",
"cacheLifetimeMs": 604800000,
"wastedBytes": 2140.7999999999997,
"totalBytes": 21408
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/imageload.min.js",
"wastedBytes": 2107,
"totalBytes": 2107,
"cacheLifetimeMs": 0
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/jquery.easing.js",
"totalBytes": 2096,
"wastedBytes": 2096,
"cacheLifetimeMs": 0
},
{
"cacheLifetimeMs": 0,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/easypiechart.min.js",
"wastedBytes": 1981,
"totalBytes": 1981
},
{
"cacheLifetimeMs": 604800000,
"wastedBytes": 1679.4999999999995,
"totalBytes": 16795,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/icons.css"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/img\/circle-bg.png",
"totalBytes": 14066,
"cacheLifetimeMs": 604800000,
"wastedBytes": 1406.5999999999997
},
{
"totalBytes": 13482,
"cacheLifetimeMs": 604800000,
"wastedBytes": 1348.1999999999996,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/img\/funfact-line.png"
},
{
"cacheLifetimeMs": 0,
"totalBytes": 1089,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/scrollUp.min.js",
"wastedBytes": 1089
},
{
"cacheLifetimeMs": 0,
"totalBytes": 1046,
"wastedBytes": 1046,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/counterup.min.js"
},
{
"totalBytes": 643,
"cacheLifetimeMs": 0,
"wastedBytes": 643,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/js\/ajax-mail.js"
},
{
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/animate.css",
"totalBytes": 4728,
"wastedBytes": 472.7999999999999
},
{
"cacheLifetimeMs": 604800000,
"totalBytes": 2127,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/magnific-popup.css",
"wastedBytes": 212.69999999999996
},
{
"wastedBytes": 125.19999999999997,
"cacheLifetimeMs": 604800000,
"totalBytes": 1252,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/owl.carousel.min.css"
},
{
"cacheLifetimeMs": 604800000,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/metismenu.css",
"wastedBytes": 123.09999999999997,
"totalBytes": 1231
},
{
"totalBytes": 621,
"cacheLifetimeMs": 604800000,
"wastedBytes": 62.09999999999999,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/owl.theme.css"
}
]
}
Each [subpart has specific improvement strategies](https://developer.chrome.com/docs/performance/insights/lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays.
Detaylar
{
"type": "list",
"items": [
{
"type": "table",
"items": [
{
"duration": 0.053,
"subpart": "timeToFirstByte",
"label": "Time to first byte"
},
{
"duration": 478.199,
"label": "Resource load delay",
"subpart": "resourceLoadDelay"
},
{
"duration": 321.672,
"subpart": "resourceLoadDuration",
"label": "Resource load duration"
},
{
"subpart": "elementRenderDelay",
"duration": 2088.115,
"label": "Element render delay"
}
],
"headings": [
{
"key": "label",
"label": "Subpart",
"valueType": "text"
},
{
"key": "duration",
"label": "Duration",
"valueType": "ms"
}
]
},
{
"selector": "div.container-fluid > div.haber-slider-container > div.haber-gorsel > img#haberPreview",
"lhId": "page-3-IMG",
"snippet": "<img id=\"haberPreview\" src=\"resimler\/298-ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olay…\" alt=\"Haber Görseli\">",
"boundingRect": {
"width": 382,
"height": 302,
"bottom": 432,
"top": 130,
"left": 15,
"right": 397
},
"path": "1,HTML,1,BODY,2,DIV,0,DIV,0,DIV,0,IMG",
"type": "node",
"nodeLabel": "Haber Görseli"
}
]
}
Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more about the Largest Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)
Low-contrast text is difficult or impossible for many users to read. [Learn how to provide sufficient color contrast](https://dequeuniversity.com/rules/axe/4.11/color-contrast).
Detaylar
{
"type": "table",
"debugData": {
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT",
"RGAAv4",
"RGAA-3.2.1"
],
"type": "debugdata"
},
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"valueType": "node",
"key": "relatedNode"
},
"label": "Failing Elements"
}
],
"items": [
{
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"type": "node",
"selector": "div.container-fluid > div.haber-slider-container > div.haber-liste > a.haber-item",
"snippet": "<a href=\"\/ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olayina-iliskin-…\" class=\"haber-item active\" data-img=\"resimler\/298-ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olay…\" onmouseover=\"setActiveHaber(this)\">",
"lhId": "1-2-A",
"nodeLabel": "08 July 2025, Tuesday\nYDKB Başkanı Ramazan Fırat Toraman’dan Kayseri’de Şiddet …",
"boundingRect": {
"bottom": 657,
"width": 322,
"height": 152,
"top": 505,
"left": 45,
"right": 367
},
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,1,A"
}
}
]
},
"node": {
"nodeLabel": "08 July 2025, Tuesday",
"type": "node",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,1,A,0,SMALL",
"lhId": "1-1-SMALL",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.1 (foreground color: #888888, background color: #e3f2fd, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"snippet": "<small>",
"boundingRect": {
"left": 60,
"bottom": 549,
"top": 517,
"width": 292,
"right": 352,
"height": 32
},
"selector": "div.haber-slider-container > div.haber-liste > a.haber-item > small"
}
},
{
"subItems": {
"items": [
{
"relatedNode": {
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,2,A",
"snippet": "<a href=\"\/ydkb-baskani-ramazan-firat-toraman-dan-ankara-da-cevre-sehircilik-ve-ikli…\" class=\"haber-item \" data-img=\"resimler\/984-ydkb-baskani-ramazan-firat-toraman-dan-ankara-da-cevre-sehirc…\" onmouseover=\"setActiveHaber(this)\">",
"nodeLabel": "08 July 2025, Tuesday\nYDKB Başkanı Ramazan Fırat Toraman’dan Ankara’da Çevre, Ş…",
"boundingRect": {
"right": 367,
"bottom": 885,
"height": 216,
"width": 322,
"left": 45,
"top": 669
},
"lhId": "1-4-A",
"selector": "div.container-fluid > div.haber-slider-container > div.haber-liste > a.haber-item",
"type": "node"
}
}
],
"type": "subitems"
},
"node": {
"selector": "div.haber-slider-container > div.haber-liste > a.haber-item > small",
"snippet": "<small>",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,2,A,0,SMALL",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"bottom": 713,
"left": 60,
"right": 352,
"height": 32,
"top": 681,
"width": 292
},
"lhId": "1-3-SMALL",
"type": "node",
"nodeLabel": "08 July 2025, Tuesday"
}
},
{
"node": {
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,3,A,0,SMALL",
"snippet": "<small>",
"lhId": "1-5-SMALL",
"selector": "div.haber-slider-container > div.haber-liste > a.haber-item > small",
"type": "node",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"bottom": 941,
"width": 292,
"height": 32,
"left": 60,
"right": 352,
"top": 909
},
"nodeLabel": "02 June 2025, Monday"
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-6-A",
"boundingRect": {
"width": 322,
"left": 45,
"bottom": 1049,
"height": 152,
"right": 367,
"top": 897
},
"type": "node",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,3,A",
"snippet": "<a href=\"\/yapi-denetim-kuruluslari-birligi-dernegi-15-olagan-genel-kurulunu-yapti\" class=\"haber-item \" data-img=\"resimler\/606-yapi-denetim-kuruluslari-birligi-dernegi-15.-olagan-genel-kur…\" onmouseover=\"setActiveHaber(this)\">",
"nodeLabel": "02 June 2025, Monday\nYapı Denetim Kuruluşları Birliği Derneği 15 Olağan Genel K…",
"selector": "div.container-fluid > div.haber-slider-container > div.haber-liste > a.haber-item"
}
}
]
}
},
{
"subItems": {
"items": [
{
"relatedNode": {
"snippet": "<a href=\"\/yapi-denetim-kuruluslari-birligi-nde-toraman-donemi-basladi\" class=\"haber-item \" data-img=\"resimler\/169-yapi-denetim-kuruluslari-birligi-nde-toraman-donemi-basladi.j…\" onmouseover=\"setActiveHaber(this)\">",
"nodeLabel": "02 June 2025, Monday\nYapı Denetim Kuruluşları Birliği'nde Toraman dönemi başladı",
"type": "node",
"lhId": "1-8-A",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,4,A",
"boundingRect": {
"bottom": 1181,
"width": 322,
"height": 120,
"top": 1061,
"right": 367,
"left": 45
},
"selector": "div.container-fluid > div.haber-slider-container > div.haber-liste > a.haber-item"
}
}
],
"type": "subitems"
},
"node": {
"selector": "div.haber-slider-container > div.haber-liste > a.haber-item > small",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"lhId": "1-7-SMALL",
"nodeLabel": "02 June 2025, Monday",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,1,DIV,4,A,0,SMALL",
"snippet": "<small>",
"type": "node",
"boundingRect": {
"right": 352,
"left": 60,
"height": 32,
"bottom": 1105,
"top": 1073,
"width": 292
}
}
}
]
}
If the webpage does not specify a consistent language, then the screen reader might not announce the page's text correctly. [Learn more about the `lang` attribute](https://dequeuniversity.com/rules/axe/4.11/html-xml-lang-mismatch).
When a tooltip element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `tooltip` elements](https://dequeuniversity.com/rules/axe/4.11/aria-tooltip-name).
Screen readers have features to make navigating tables easier. Ensuring table headers always refer to some set of cells may improve the experience for screen reader users. [Learn more about table headers](https://dequeuniversity.com/rules/axe/4.11/th-has-data-cells).
DOM order matches the visual order, improving navigation for assistive technology. [Learn more about DOM and visual ordering](https://developer.chrome.com/docs/lighthouse/accessibility/visual-order-follows-dom/).
ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. [Learn how to make ARIA dialog elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-dialog-name).
Screen readers have features to make navigating tables easier. Ensuring `<td>` cells using the `[headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more about the `headers` attribute](https://dequeuniversity.com/rules/axe/4.11/td-headers-attr).
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. [Learn more about logical tab ordering](https://developer.chrome.com/docs/lighthouse/accessibility/logical-tab-order/).
When a `treeitem` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about labeling `treeitem` elements](https://dequeuniversity.com/rules/axe/4.11/aria-treeitem-name).
When a toggle field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about toggle fields](https://dequeuniversity.com/rules/axe/4.11/aria-toggle-field-name).
Custom interactive controls have appropriate ARIA roles. [Learn how to add roles to custom controls](https://developer.chrome.com/docs/lighthouse/accessibility/custom-control-roles/).
Screen reader users rely on frame titles to describe the contents of frames. [Learn more about frame titles](https://dequeuniversity.com/rules/axe/4.11/frame-title).
Landmark elements (`<main>`, `<nav>`, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more about landmark elements](https://developer.chrome.com/docs/lighthouse/accessibility/use-landmarks/).
Definition list items (`<dt>` and `<dd>`) must be wrapped in a parent `<dl>` element to ensure that screen readers can properly announce them. [Learn how to structure definition lists correctly](https://dequeuniversity.com/rules/axe/4.11/dlitem).
[Optimize LCP](https://developer.chrome.com/docs/performance/insights/lcp-discovery) by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
Detaylar
{
"items": [
{
"type": "checklist",
"items": {
"priorityHinted": {
"label": "fetchpriority=high should be applied",
"value": false
},
"requestDiscoverable": {
"value": true,
"label": "Request is discoverable in initial document"
},
"eagerlyLoaded": {
"label": "lazy load not applied",
"value": true
}
}
},
{
"lhId": "page-3-IMG",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,0,DIV,0,IMG",
"nodeLabel": "Haber Görseli",
"boundingRect": {
"height": 302,
"right": 397,
"top": 130,
"bottom": 432,
"left": 15,
"width": 382
},
"type": "node",
"snippet": "<img id=\"haberPreview\" src=\"resimler\/298-ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olay…\" alt=\"Haber Görseli\">",
"selector": "div.container-fluid > div.haber-slider-container > div.haber-gorsel > img#haberPreview"
}
],
"type": "list"
}
Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more about form element labels](https://dequeuniversity.com/rules/axe/4.11/label).
Including a skip link can help users skip to the main content to save time. [Learn more about skip links](https://dequeuniversity.com/rules/axe/4.11/skip-link).
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. [Learn how to make links accessible](https://dequeuniversity.com/rules/axe/4.11/link-name).
Detaylar
{
"type": "table",
"debugData": {
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-6.2.1"
],
"impact": "serious",
"type": "debugdata"
},
"items": [
{
"node": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,12,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,0,A",
"selector": "div.col-md-6 > div.single-footer-wid > div.social-link > a",
"boundingRect": {
"width": 36,
"height": 36,
"right": 55,
"top": 7420,
"bottom": 7456,
"left": 19
},
"type": "node",
"nodeLabel": "div.col-md-6 > div.single-footer-wid > div.social-link > a",
"snippet": "<a href=\"https:\/\/www.facebook.com\/yapidenetimkuruluslaribirligi\" target=\"_blank\">",
"explanation": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
}
},
{
"node": {
"explanation": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute",
"lhId": "1-14-A",
"boundingRect": {
"height": 36,
"right": 104,
"top": 7420,
"left": 68,
"width": 36,
"bottom": 7456
},
"snippet": "<a href=\"https:\/\/x.com\/ydbirlik\/\" target=\"_blank\">",
"nodeLabel": "div.col-md-6 > div.single-footer-wid > div.social-link > a",
"type": "node",
"path": "1,HTML,1,BODY,12,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,1,A",
"selector": "div.col-md-6 > div.single-footer-wid > div.social-link > a"
}
},
{
"node": {
"boundingRect": {
"top": 7420,
"bottom": 7456,
"right": 152,
"left": 116,
"width": 36,
"height": 36
},
"path": "1,HTML,1,BODY,12,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,2,DIV,2,A",
"explanation": "Fix all of the following:\n Element is in tab order and does not have accessible text\n\nFix any of the following:\n Element does not have text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute",
"nodeLabel": "div.col-md-6 > div.single-footer-wid > div.social-link > a",
"lhId": "1-15-A",
"type": "node",
"selector": "div.col-md-6 > div.single-footer-wid > div.social-link > a",
"snippet": "<a href=\"https:\/\/www.instagram.com\/ydbirlik\/\" target=\"_blank\">"
}
}
],
"headings": [
{
"valueType": "node",
"key": "node",
"label": "Failing Elements",
"subItemsHeading": {
"valueType": "node",
"key": "relatedNode"
}
}
]
}
Consider setting [font-display](https://developer.chrome.com/docs/performance/insights/font-display) to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with [font metric overrides](https://developer.chrome.com/blog/font-fallbacks).
Detaylar
{
"skipSumming": [
"wastedMs"
],
"items": [
{
"wastedMs": 2250,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-brands-400.woff2"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-light-300.woff2",
"wastedMs": 260
},
{
"wastedMs": 210,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.woff2"
},
{
"wastedMs": 205,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.woff2"
},
{
"wastedMs": 200,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.woff2"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-solid-900.woff2",
"wastedMs": 190
},
{
"wastedMs": 175,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.woff"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.woff",
"wastedMs": 135
},
{
"wastedMs": 135,
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Black.ttf"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.ttf",
"wastedMs": 95
},
{
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Bold.woff",
"wastedMs": 75
},
{
"url": "https:\/\/yapidenetimbirligi.org\/fonts\/CircularStd-Medium.ttf",
"wastedMs": 75
},
{
"wastedMs": 65,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/fonts\/fa-regular-400.woff2"
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"label": "Est Savings",
"key": "wastedMs",
"valueType": "ms"
}
],
"type": "table"
}
Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. [Learn more about User Timing marks](https://developer.chrome.com/docs/lighthouse/performance/user-timings/).
Detaylar
{
"headings": [
{
"key": "name",
"label": "Name",
"valueType": "text"
},
{
"key": "timingType",
"label": "Type",
"valueType": "text"
},
{
"key": "startTime",
"granularity": 0.01,
"valueType": "ms",
"label": "Start Time"
},
{
"label": "Duration",
"key": "duration",
"valueType": "ms",
"granularity": 0.01
}
],
"type": "table",
"items": []
}
A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. [Learn more about the `tabindex` attribute](https://dequeuniversity.com/rules/axe/4.11/tabindex).
Form elements without effective labels can create frustrating experiences for screen reader users. [Learn more about the `select` element](https://dequeuniversity.com/rules/axe/4.11/select-name).
Users do not expect a page to refresh automatically, and doing so will move focus back to the top of the page. This may create a frustrating or confusing experience. [Learn more about the refresh meta tag](https://dequeuniversity.com/rules/axe/4.11/meta-refresh).
A heading with no content or inaccessible text prevent screen reader users from accessing information on the page's structure. [Learn more about headings](https://dequeuniversity.com/rules/axe/4.11/empty-heading).
A user can tab into and out of any control or region without accidentally trapping their focus. [Learn how to avoid focus traps](https://developer.chrome.com/docs/lighthouse/accessibility/focus-traps/).
Canonical links suggest which URL to show in search results. [Learn more about canonical links](https://developer.chrome.com/docs/lighthouse/seo/canonical/).
Minifying CSS files can reduce network payload sizes. [Learn how to minify CSS](https://developer.chrome.com/docs/lighthouse/performance/unminified-css/).
Detaylar
{
"overallSavingsBytes": 11855,
"overallSavingsMs": 0,
"debugData": {
"metricSavings": {
"LCP": 0,
"FCP": 150
},
"type": "debugdata"
},
"items": [
{
"wastedBytes": 8375,
"totalBytes": 42973,
"url": "* {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n} …",
"wastedPercent": 19.488268661581245
},
{
"totalBytes": 16795,
"url": "https:\/\/yapidenetimbirligi.org\/assets\/css\/icons.css",
"wastedPercent": 20.72262608575898,
"wastedBytes": 3480
}
],
"headings": [
{
"label": "URL",
"valueType": "url",
"key": "url"
},
{
"key": "totalBytes",
"valueType": "bytes",
"label": "Transfer Size"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes"
}
],
"type": "opportunity",
"sortedBy": [
"wastedBytes"
]
}
Meta descriptions may be included in search results to concisely summarize page content. [Learn more about the meta description](https://developer.chrome.com/docs/lighthouse/seo/meta-description/).
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. [Learn more about custom controls and labels](https://developer.chrome.com/docs/lighthouse/accessibility/custom-controls-labels/).
Adding `role=text` around a text node split by markup enables VoiceOver to treat it as one phrase, but the element's focusable descendents will not be announced. [Learn more about the `role=text` attribute](https://dequeuniversity.com/rules/axe/4.11/aria-text).
Screen readers have features to make navigating tables easier. Ensuring that tables use the actual caption element instead of cells with the `[colspan]` attribute may improve the experience for screen reader users. [Learn more about captions](https://dequeuniversity.com/rules/axe/4.11/table-fake-caption).
When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about input field labels](https://dequeuniversity.com/rules/axe/4.11/aria-input-field-name).
Start investigating [how to improve INP](https://developer.chrome.com/docs/performance/insights/inp-breakdown) by looking at the longest subpart.
Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-allowed-role).
Reducing the download time of images can improve the perceived load time of the page and LCP. [Learn more about optimizing image size](https://developer.chrome.com/docs/performance/insights/image-delivery)
Detaylar
{
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node"
},
{
"subItemsHeading": {
"key": "reason",
"valueType": "text"
},
"valueType": "url",
"label": "URL",
"key": "url"
},
{
"valueType": "bytes",
"key": "totalBytes",
"label": "Resource Size"
},
{
"key": "wastedBytes",
"subItemsHeading": {
"valueType": "bytes",
"key": "wastedBytes"
},
"label": "Est Savings",
"valueType": "bytes"
}
],
"items": [
{
"totalBytes": 2019368,
"node": {
"type": "node",
"selector": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"snippet": "<div class=\"case-thumb bg-cover\" style=\"background-image: url("resimler\/424-ydkb-baskani-ramazan-firat-toraman-dan…");\">",
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,10,DIV,0,DIV,0,DIV",
"nodeLabel": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"boundingRect": {
"width": 382,
"right": 2869,
"bottom": 6697,
"height": 370,
"left": 2487,
"top": 6327
},
"lhId": "page-0-DIV"
},
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/424-ydkb-baskani-ramazan-firat-toraman-dan-denizli-subesi-ne-ziyaret.PNG",
"wastedBytes": 1851720,
"subItems": {
"items": [
{
"wastedBytes": 1851720,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
}
],
"type": "subitems"
}
},
{
"totalBytes": 1380950,
"node": {
"lhId": "page-1-IMG",
"boundingRect": {
"bottom": 2546,
"top": 2292,
"width": 382,
"right": 397,
"left": 15,
"height": 255
},
"selector": "div.col-xl-6 > div.about-thum > div.item > img",
"nodeLabel": "Başkanın Mesajı",
"path": "1,HTML,1,BODY,5,SECTION,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,IMG",
"snippet": "<img src=\"resimler\/867-.JPG\" alt=\"Başkanın Mesajı\">",
"type": "node"
},
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/867-.JPG",
"wastedBytes": 1331297,
"subItems": {
"items": [
{
"wastedBytes": 380950,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
},
{
"reason": "This image file is larger than it needs to be (3000x2000) for its displayed dimensions (669x446). Use responsive images to reduce the image download size.",
"wastedBytes": 1312382
}
],
"type": "subitems"
}
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/526-ydkb-baskani-ramazan-firat-toraman-dan-tbmm-milletvekili-ziyareti.PNG",
"node": {
"lhId": "page-2-DIV",
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,6,DIV,0,DIV,0,DIV",
"type": "node",
"nodeLabel": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"boundingRect": {
"width": 382,
"right": 1221,
"left": 839,
"height": 370,
"bottom": 6697,
"top": 6327
},
"snippet": "<div class=\"case-thumb bg-cover\" style=\"background-image: url("resimler\/526-ydkb-baskani-ramazan-firat-toraman-dan…");\">",
"selector": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb"
},
"totalBytes": 1308118,
"wastedBytes": 1210867,
"subItems": {
"items": [
{
"wastedBytes": 1210867,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
}
],
"type": "subitems"
}
},
{
"wastedBytes": 917746,
"subItems": {
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 876945
},
{
"wastedBytes": 399990,
"reason": "This image file is larger than it needs to be (870x687) for its displayed dimensions (669x528). Use responsive images to reduce the image download size."
}
],
"type": "subitems"
},
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/298-ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olayina-iliskin-basin-aciklamasi.PNG",
"totalBytes": 976560,
"node": {
"type": "node",
"nodeLabel": "Haber Görseli",
"path": "1,HTML,1,BODY,2,DIV,0,DIV,0,DIV,0,IMG",
"snippet": "<img id=\"haberPreview\" src=\"resimler\/298-ydkb-baskani-ramazan-firat-toraman-dan-kayseri-de-siddet-olay…\" alt=\"Haber Görseli\">",
"selector": "div.container-fluid > div.haber-slider-container > div.haber-gorsel > img#haberPreview",
"lhId": "page-3-IMG",
"boundingRect": {
"bottom": 432,
"height": 302,
"width": 382,
"right": 397,
"top": 130,
"left": 15
}
}
},
{
"wastedBytes": 839158,
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 777762
},
{
"wastedBytes": 491590,
"reason": "This image file is larger than it needs to be (1000x666) for its displayed dimensions (669x445). Use responsive images to reduce the image download size."
}
]
},
"totalBytes": 888762,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/169-.png",
"node": {
"lhId": "page-4-IMG",
"boundingRect": {
"height": 254,
"bottom": 5392,
"left": 15,
"width": 382,
"right": 397,
"top": 5137
},
"selector": "div.col-xl-6 > div.about-thum > div.item > img",
"type": "node",
"path": "1,HTML,1,BODY,8,SECTION,0,DIV,0,DIV,1,DIV,0,DIV,0,DIV,0,IMG",
"snippet": "<img src=\"resimler\/169-.png\" alt=\"Hakkımızda\">",
"nodeLabel": "Hakkımızda"
}
},
{
"totalBytes": 852119,
"node": {
"type": "node",
"selector": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"nodeLabel": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,8,DIV,0,DIV,0,DIV",
"boundingRect": {
"left": 1663,
"bottom": 6697,
"height": 370,
"right": 2045,
"width": 382,
"top": 6327
},
"lhId": "page-5-DIV",
"snippet": "<div class=\"case-thumb bg-cover\" style=\"background-image: url("resimler\/283-ydkb-baskani-ramazan-firat-toraman-dan…");\">"
},
"wastedBytes": 783303,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/283-ydkb-baskani-ramazan-firat-toraman-dan-bursa-il-mudurlugu-ve-imo-ziyaretleri.PNG",
"subItems": {
"type": "subitems",
"items": [
{
"wastedBytes": 783303,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
}
]
}
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/349-ydkb-baskani-ramazan-firat-toraman-dan-ankara-da-derneklerle-is-birligi-gorusmeleri.PNG",
"subItems": {
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 739064
}
],
"type": "subitems"
},
"totalBytes": 796613,
"wastedBytes": 739064,
"node": {
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,11,DIV,0,DIV,0,DIV",
"boundingRect": {
"width": 382,
"bottom": 6697,
"top": 6327,
"right": 3281,
"height": 370,
"left": 2899
},
"nodeLabel": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"lhId": "page-6-DIV",
"snippet": "<div class=\"case-thumb bg-cover\" style=\"background-image: url("resimler\/349-ydkb-baskani-ramazan-firat-toraman-dan…");\">",
"selector": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"type": "node"
}
},
{
"node": {
"selector": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,7,DIV,0,DIV,0,DIV",
"snippet": "<div class=\"case-thumb bg-cover\" style=\"background-image: url("resimler\/9-ydkb-baskani-ramazan-firat-toraman-ve-mu…");\">",
"boundingRect": {
"width": 382,
"bottom": 6697,
"left": 1251,
"height": 370,
"right": 1633,
"top": 6327
},
"lhId": "page-7-DIV",
"nodeLabel": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"type": "node"
},
"wastedBytes": 678707,
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 678707
}
]
},
"totalBytes": 736494,
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/9-ydkb-baskani-ramazan-firat-toraman-ve-mugla-yapi-denetim-dernek-temsilcileri-ankara-da-cevre-ve-sehircilik-bakanligi-ni-ziyaret-etti.PNG"
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/716-birligimizin-ismi-ve-logosu-tescillendi.jpg",
"totalBytes": 821271,
"subItems": {
"items": [
{
"wastedBytes": 458571,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
}
],
"type": "subitems"
},
"wastedBytes": 458571,
"node": {
"snippet": "<div class=\"icon\" style=\"background-image: url("resimler\/716-birligimizin-ismi-ve-logosu-tescillend…");\">",
"boundingRect": {
"height": 230,
"left": 35,
"top": 4169,
"width": 342,
"bottom": 4399,
"right": 377
},
"lhId": "page-8-DIV",
"nodeLabel": "div.row > div.col-md-6 > div.single-service-box > div.icon",
"type": "node",
"selector": "div.row > div.col-md-6 > div.single-service-box > div.icon",
"path": "1,HTML,1,BODY,7,SECTION,0,DIV,1,DIV,1,DIV,0,DIV,0,DIV"
}
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/765-ydkb-2023-olagan-genel-kurulunu-yapti..peg",
"totalBytes": 448647,
"subItems": {
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 164380
}
],
"type": "subitems"
},
"wastedBytes": 164380,
"node": {
"nodeLabel": "div.row > div.col-md-6 > div.single-service-box > div.icon",
"path": "1,HTML,1,BODY,7,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,0,DIV",
"selector": "div.row > div.col-md-6 > div.single-service-box > div.icon",
"type": "node",
"lhId": "page-9-DIV",
"boundingRect": {
"width": 342,
"right": 377,
"top": 3788,
"left": 35,
"height": 230,
"bottom": 4018
},
"snippet": "<div class=\"icon\" style=\"background-image: url("resimler\/765-ydkb-2023-olagan-genel-kurulunu-yapti.…");\">"
}
},
{
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/364781341-yapi-denetim-kuruluslari-birligi.png",
"totalBytes": 45017,
"wastedBytes": 40755,
"subItems": {
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 39450
},
{
"wastedBytes": 10551,
"reason": "This image file is larger than it needs to be (167x200) for its displayed dimensions (146x175). Use responsive images to reduce the image download size."
}
],
"type": "subitems"
},
"node": {
"lhId": "page-10-IMG",
"snippet": "<img src=\"resimler\/364781341-yapi-denetim-kuruluslari-birligi.png\" alt=\"YAPI DENETİM KURULUŞLARI BİRLİĞİ\" height=\"100\">",
"boundingRect": {
"bottom": 115,
"left": 15,
"top": 15,
"height": 100,
"width": 84,
"right": 99
},
"nodeLabel": "YAPI DENETİM KURULUŞLARI BİRLİĞİ",
"path": "1,HTML,1,BODY,0,HEADER,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,A,0,IMG",
"selector": "div.header-logo > div.logo > a > img",
"type": "node"
}
},
{
"node": {
"snippet": "<img src=\"resimler\/612029806-yapi-denetim-kuruluslari-birligi.png\" alt=\"YAPI DENETİM KURULUŞLARI BİRLİĞİ\">",
"selector": "div.col-md-6 > div.single-footer-wid > a > img",
"path": "1,HTML,1,BODY,12,FOOTER,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,A,0,IMG",
"nodeLabel": "YAPI DENETİM KURULUŞLARI BİRLİĞİ",
"boundingRect": {
"width": 167,
"left": 15,
"height": 200,
"top": 6942,
"right": 182,
"bottom": 7142
},
"type": "node",
"lhId": "page-11-IMG"
},
"wastedBytes": 39450,
"subItems": {
"type": "subitems",
"items": [
{
"wastedBytes": 39450,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
}
]
},
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/612029806-yapi-denetim-kuruluslari-birligi.png",
"totalBytes": 45017
},
{
"subItems": {
"items": [
{
"wastedBytes": 24195,
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size."
}
],
"type": "subitems"
},
"node": {
"nodeLabel": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"snippet": "<div class=\"case-thumb bg-cover\" style=\"background-image: url("resimler\/169-yapi-denetim-kuruluslari-birligi-nde-t…");\">",
"boundingRect": {
"height": 370,
"left": 2075,
"right": 2457,
"width": 382,
"top": 6327,
"bottom": 6697
},
"path": "1,HTML,1,BODY,11,SECTION,0,DIV,1,DIV,0,DIV,0,DIV,9,DIV,0,DIV,0,DIV",
"lhId": "page-12-DIV",
"selector": "div.owl-stage > div.owl-item > div.single-case-item > div.case-thumb",
"type": "node"
},
"url": "https:\/\/yapidenetimbirligi.org\/resimler\/169-yapi-denetim-kuruluslari-birligi-nde-toraman-donemi-basladi.jpg",
"wastedBytes": 24195,
"totalBytes": 61595
}
],
"debugData": {
"wastedBytes": 9079213,
"type": "debugdata"
}
}
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. [Learn more about robots.txt](https://developer.chrome.com/docs/lighthouse/seo/invalid-robots-txt/).
Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn how to use the `lang` attribute](https://dequeuniversity.com/rules/axe/4.11/valid-lang).
When a video provides a caption it is easier for deaf and hearing impaired users to access its information. [Learn more about video captions](https://dequeuniversity.com/rules/axe/4.11/video-caption).
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. [Learn more about accessible names](https://dequeuniversity.com/rules/axe/4.11/label-content-name-mismatch).
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](https://developer.chrome.com/docs/lighthouse/accessibility/interactive-element-affordance/).
When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to make command elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-command-name).
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. [Learn how to avoid long main-thread tasks](https://web.dev/articles/optimize-long-tasks)
Detaylar
{
"type": "table",
"items": [],
"headings": [
{
"valueType": "url",
"key": "url",
"label": "URL"
},
{
"granularity": 1,
"key": "startTime",
"valueType": "ms",
"label": "Start Time"
},
{
"label": "Duration",
"granularity": 1,
"valueType": "ms",
"key": "duration"
}
],
"debugData": {
"urls": [],
"tasks": [],
"type": "debugdata"
}
}
When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to label `progressbar` elements](https://dequeuniversity.com/rules/axe/4.11/aria-progressbar-name).
Informative elements should aim for short, descriptive alternative text. Alternative text that is exactly the same as the text adjacent to the link or image is potentially confusing for screen reader users, because the text will be read twice. [Learn more about the `alt` attribute](https://dequeuniversity.com/rules/axe/4.11/image-redundant-alt).
Offscreen content is hidden with display: none or aria-hidden=true. [Learn how to properly hide offscreen content](https://developer.chrome.com/docs/lighthouse/accessibility/offscreen-content-hidden/).
When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. [Learn how to structure definition lists correctly](https://dequeuniversity.com/rules/axe/4.11/definition-list).
Animations which are not composited can be janky and increase CLS. [Learn how to avoid non-composited animations](https://developer.chrome.com/docs/lighthouse/performance/non-composited-animations/)
Detaylar
{
"headings": [
{
"label": "Element",
"subItemsHeading": {
"key": "failureReason",
"valueType": "text"
},
"key": "node",
"valueType": "node"
}
],
"items": [],
"type": "table"
}
📂 Kategori Bazlı Hatalar
OPPORTUNITIES
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. [Learn how to reduce unused CSS](https://developer.chrome.com/docs/lighthouse/performance/unused-css-rules/).
Minifying JavaScript files can reduce payload sizes and script parse time. [Learn how to minify JavaScript](https://developer.chrome.com/docs/lighthouse/performance/unminified-javascript/).
Keep the server response time for the main document short because all other requests depend on it. [Learn more about the Time to First Byte metric](https://developer.chrome.com/docs/lighthouse/performance/time-to-first-byte/).
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. [Learn how to reduce unused JavaScript](https://developer.chrome.com/docs/lighthouse/performance/unused-javascript/).
Minifying CSS files can reduce network payload sizes. [Learn how to minify CSS](https://developer.chrome.com/docs/lighthouse/performance/unminified-css/).
Redirects introduce additional delays before the page can be loaded. [Learn how to avoid page redirects](https://developer.chrome.com/docs/lighthouse/performance/redirects/).
FAILED AUDITS
When an image is being used as an `<input>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn about input image alt text](https://dequeuniversity.com/rules/axe/4.11/input-image-alt).
Run the [Structured Data Testing Tool](https://developers.google.com/search/docs/appearance/structured-data/) to validate structured data. [Learn more about Structured Data](https://developer.chrome.com/docs/lighthouse/seo/structured-data/).
Requests are blocking the page's initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.
The summary attribute should describe the table structure, while `<caption>` should have the onscreen title. Accurate table mark-up helps users of screen readers. [Learn more about summary and caption](https://dequeuniversity.com/rules/axe/4.11/table-duplicate-name).
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. [Learn more about heading order](https://dequeuniversity.com/rules/axe/4.11/heading-order).
[Avoid chaining critical requests](https://developer.chrome.com/docs/performance/insights/network-dependency-tree) by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. [Learn how to reduce unused CSS](https://developer.chrome.com/docs/lighthouse/performance/unused-css-rules/).
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](https://developer.chrome.com/docs/lighthouse/accessibility/managed-focus/).
Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more about ARIA roles and required parent element](https://dequeuniversity.com/rules/axe/4.11/aria-required-parent).
Custom interactive controls are keyboard focusable and display a focus indicator. [Learn how to make custom controls focusable](https://developer.chrome.com/docs/lighthouse/accessibility/focusable-controls/).
Screen readers cannot translate non-text content. Adding alternate text to `<object>` elements helps screen readers convey meaning to users. [Learn more about alt text for `object` elements](https://dequeuniversity.com/rules/axe/4.11/object-alt).
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. [Learn how to make buttons more accessible](https://dequeuniversity.com/rules/axe/4.11/button-name).
Adding discernable and accessible text to input buttons may help screen reader users understand the purpose of the input button. [Learn more about input buttons](https://dequeuniversity.com/rules/axe/4.11/input-button-name).
Screen readers have features to make navigating tables easier. Ensuring that `<td>` elements in a large table (3 or more cells in width and height) have an associated table header may improve the experience for screen reader users. [Learn more about table headers](https://dequeuniversity.com/rules/axe/4.11/td-has-header).
Form fields with multiple labels can be confusingly announced by assistive technologies like screen readers which use either the first, the last, or all of the labels. [Learn how to use form labels](https://dequeuniversity.com/rules/axe/4.11/form-field-multiple-labels).
The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. [Learn how to fix duplicate ARIA IDs](https://dequeuniversity.com/rules/axe/4.11/duplicate-id-aria).
Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more about access keys](https://dequeuniversity.com/rules/axe/4.11/accesskeys).
Focusable descendents within an `[aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn how `aria-hidden` affects focusable elements](https://dequeuniversity.com/rules/axe/4.11/aria-hidden-focus).
Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. [Learn more](https://developer.chrome.com/docs/lighthouse/pwa/redirects-http/).
Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more about bypass blocks](https://dequeuniversity.com/rules/axe/4.11/bypass).
Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. [Learn more about this errors in console diagnostic audit](https://developer.chrome.com/docs/lighthouse/best-practices/errors-in-console/)
Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more about roles and required children elements](https://dequeuniversity.com/rules/axe/4.11/aria-required-children).
When a meter element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `meter` elements](https://dequeuniversity.com/rules/axe/4.11/aria-meter-name).
One main landmark helps screen reader users navigate a web page. [Learn more about landmarks](https://dequeuniversity.com/rules/axe/4.11/landmark-one-main).
A long cache lifetime can speed up repeat visits to your page. [Learn more about caching](https://developer.chrome.com/docs/performance/insights/cache).
Each [subpart has specific improvement strategies](https://developer.chrome.com/docs/performance/insights/lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays.
Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more about the Largest Contentful Paint metric](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)
Low-contrast text is difficult or impossible for many users to read. [Learn how to provide sufficient color contrast](https://dequeuniversity.com/rules/axe/4.11/color-contrast).
If the webpage does not specify a consistent language, then the screen reader might not announce the page's text correctly. [Learn more about the `lang` attribute](https://dequeuniversity.com/rules/axe/4.11/html-xml-lang-mismatch).
When a tooltip element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `tooltip` elements](https://dequeuniversity.com/rules/axe/4.11/aria-tooltip-name).
Screen readers have features to make navigating tables easier. Ensuring table headers always refer to some set of cells may improve the experience for screen reader users. [Learn more about table headers](https://dequeuniversity.com/rules/axe/4.11/th-has-data-cells).
DOM order matches the visual order, improving navigation for assistive technology. [Learn more about DOM and visual ordering](https://developer.chrome.com/docs/lighthouse/accessibility/visual-order-follows-dom/).
ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. [Learn how to make ARIA dialog elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-dialog-name).
Screen readers have features to make navigating tables easier. Ensuring `<td>` cells using the `[headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more about the `headers` attribute](https://dequeuniversity.com/rules/axe/4.11/td-headers-attr).
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. [Learn more about logical tab ordering](https://developer.chrome.com/docs/lighthouse/accessibility/logical-tab-order/).
When a `treeitem` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about labeling `treeitem` elements](https://dequeuniversity.com/rules/axe/4.11/aria-treeitem-name).
When a toggle field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about toggle fields](https://dequeuniversity.com/rules/axe/4.11/aria-toggle-field-name).
Custom interactive controls have appropriate ARIA roles. [Learn how to add roles to custom controls](https://developer.chrome.com/docs/lighthouse/accessibility/custom-control-roles/).
Screen reader users rely on frame titles to describe the contents of frames. [Learn more about frame titles](https://dequeuniversity.com/rules/axe/4.11/frame-title).
Landmark elements (`<main>`, `<nav>`, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more about landmark elements](https://developer.chrome.com/docs/lighthouse/accessibility/use-landmarks/).
Definition list items (`<dt>` and `<dd>`) must be wrapped in a parent `<dl>` element to ensure that screen readers can properly announce them. [Learn how to structure definition lists correctly](https://dequeuniversity.com/rules/axe/4.11/dlitem).
[Optimize LCP](https://developer.chrome.com/docs/performance/insights/lcp-discovery) by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more about form element labels](https://dequeuniversity.com/rules/axe/4.11/label).
Including a skip link can help users skip to the main content to save time. [Learn more about skip links](https://dequeuniversity.com/rules/axe/4.11/skip-link).
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. [Learn how to make links accessible](https://dequeuniversity.com/rules/axe/4.11/link-name).
Consider setting [font-display](https://developer.chrome.com/docs/performance/insights/font-display) to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with [font metric overrides](https://developer.chrome.com/blog/font-fallbacks).
Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. [Learn more about User Timing marks](https://developer.chrome.com/docs/lighthouse/performance/user-timings/).
A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. [Learn more about the `tabindex` attribute](https://dequeuniversity.com/rules/axe/4.11/tabindex).
Form elements without effective labels can create frustrating experiences for screen reader users. [Learn more about the `select` element](https://dequeuniversity.com/rules/axe/4.11/select-name).
Users do not expect a page to refresh automatically, and doing so will move focus back to the top of the page. This may create a frustrating or confusing experience. [Learn more about the refresh meta tag](https://dequeuniversity.com/rules/axe/4.11/meta-refresh).
A heading with no content or inaccessible text prevent screen reader users from accessing information on the page's structure. [Learn more about headings](https://dequeuniversity.com/rules/axe/4.11/empty-heading).
A user can tab into and out of any control or region without accidentally trapping their focus. [Learn how to avoid focus traps](https://developer.chrome.com/docs/lighthouse/accessibility/focus-traps/).
Canonical links suggest which URL to show in search results. [Learn more about canonical links](https://developer.chrome.com/docs/lighthouse/seo/canonical/).
Minifying CSS files can reduce network payload sizes. [Learn how to minify CSS](https://developer.chrome.com/docs/lighthouse/performance/unminified-css/).
Meta descriptions may be included in search results to concisely summarize page content. [Learn more about the meta description](https://developer.chrome.com/docs/lighthouse/seo/meta-description/).
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. [Learn more about custom controls and labels](https://developer.chrome.com/docs/lighthouse/accessibility/custom-controls-labels/).
Adding `role=text` around a text node split by markup enables VoiceOver to treat it as one phrase, but the element's focusable descendents will not be announced. [Learn more about the `role=text` attribute](https://dequeuniversity.com/rules/axe/4.11/aria-text).
Screen readers have features to make navigating tables easier. Ensuring that tables use the actual caption element instead of cells with the `[colspan]` attribute may improve the experience for screen reader users. [Learn more about captions](https://dequeuniversity.com/rules/axe/4.11/table-fake-caption).
When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about input field labels](https://dequeuniversity.com/rules/axe/4.11/aria-input-field-name).
Start investigating [how to improve INP](https://developer.chrome.com/docs/performance/insights/inp-breakdown) by looking at the longest subpart.
Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-allowed-role).
Reducing the download time of images can improve the perceived load time of the page and LCP. [Learn more about optimizing image size](https://developer.chrome.com/docs/performance/insights/image-delivery)
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. [Learn more about robots.txt](https://developer.chrome.com/docs/lighthouse/seo/invalid-robots-txt/).
Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn how to use the `lang` attribute](https://dequeuniversity.com/rules/axe/4.11/valid-lang).
When a video provides a caption it is easier for deaf and hearing impaired users to access its information. [Learn more about video captions](https://dequeuniversity.com/rules/axe/4.11/video-caption).
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. [Learn more about accessible names](https://dequeuniversity.com/rules/axe/4.11/label-content-name-mismatch).
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](https://developer.chrome.com/docs/lighthouse/accessibility/interactive-element-affordance/).
When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to make command elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-command-name).
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. [Learn how to avoid long main-thread tasks](https://web.dev/articles/optimize-long-tasks)
When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to label `progressbar` elements](https://dequeuniversity.com/rules/axe/4.11/aria-progressbar-name).
Informative elements should aim for short, descriptive alternative text. Alternative text that is exactly the same as the text adjacent to the link or image is potentially confusing for screen reader users, because the text will be read twice. [Learn more about the `alt` attribute](https://dequeuniversity.com/rules/axe/4.11/image-redundant-alt).
Offscreen content is hidden with display: none or aria-hidden=true. [Learn how to properly hide offscreen content](https://developer.chrome.com/docs/lighthouse/accessibility/offscreen-content-hidden/).
When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. [Learn how to structure definition lists correctly](https://dequeuniversity.com/rules/axe/4.11/definition-list).
Animations which are not composited can be janky and increase CLS. [Learn how to avoid non-composited animations](https://developer.chrome.com/docs/lighthouse/performance/non-composited-animations/)