Елемент за изпълнение и една страница, твърде много CSS и JavaScript са решени - HTMLCSS - Програмиране -

[Решено] Елемент за изпълнение и една страница, твърде много CSS и Javascript

Здравейте !

Изградих сайт на Wordpress, базиран на темата Astra, с Elementor (+ някои персонализирани CSS модификации чрез Astra), в режим "една страница", хостван на o2switch. Показва се с прилична скорост, но сайтовете за тестване на производителността ми дават лоша оценка, до само 60% за Google (по-лошо за мобилни 12%!), Което ме кара да се страхувам от SEO.

Странното е, че според PageSpeedTest Google CDN/Maps/Fonts губи много секунди за мен. Освен това Google ме насърчава да подобря моите CSS таблици със стилове и JavaScript. Чрез уеб инспектор можем да видим, че имам много от тях. Също така отбелязвам, че някои таблици със стилове са "мин", въпреки че премахнах приставките за кеш/минификация (разочароващи резултати или грешки). Накрая забелязвам, че имам дублирани таблици със стилове.

=> Би ли било полезно да почистване и/или обединяване на моите множество CSS стилови листове ? Ако е така, как (аз съм самоук.) ?
=> Що се отнася до Javascript, че не знам абсолютно нищо, трябва ли да го докосна по някакъв начин ?
=> Виждате ли някакви слабости или големи грешки при изграждането на обекта, това би попречило на представянето ?

Благодаря ти много

Повече от 5 MB файлове за зареждане на началната страница и отнема повече от 6 секунди, докато съм в пакет, ясно е, че има pb с вашия сайт

Слагате всичко на една страница, изобщо не е добра идея. Тези, които посещават сайта ви с мобилен телефон, ще ви проклинат. Можете да заредите различните секции при поискване в зависимост от позицията на вертикалния скрол (изисква js) или страница, посветена на всяка секция.

Опитайте се също да оптимизирате размера на вашите изображения, за да намалите теглото.

Редактиране: например вашето фоново изображение с повтарящи се триъгълници. Направете по-малко изображение, което ще дублирате на x и вероятно y с css.

Пример просто глупаво: логото ви в SVG е 429 kb, като преминете ход на SVGO над него става 16 kb, аз разделих теглото му на 26 без загуба на качество.
има 4 извиквания към recaptcha_en.js, трябва да има лоша интеграция от него.

Благодаря и на двама ви

Току-що компресирах логото, както се препоръчва (17kb) и изтрих изцяло reCaptcha (беше за формата за контакт или WPforms включва меден съд, така че това би трябвало да е достатъчно), но трябваше да проверя дали има още заявки: Мога да видя това, където ?

Останалите изображения са оптимизирани с Imagify. Фонът на триъгълниците остава малко тежък, но не е просто умножение на същите триъгълници. Така че или оставям тази малка тежест, или жертвам естетиката: все още мисля за това.

Дизайнът на „една страница“, аз се придържам към него (за момента): той е доста често срещан за витринен сайт, в мобилни навигационни кодове/социални мрежи и нямам много съдържание, така че го пазя. “ надявам се да оптимизирам всичко това.

Не казахте нищо за многобройните CSS таблици със стилове и JavaScript: проблемът не е там ?

Смятам да копирам и поставя съдържанието на различните си листове в един и същ файл. Не знам дали да премина през детска тема, която досега не бях създавал, защото не бях пипал файловете директно, работих само с Elementor.

Освен всичко друго, идвате от всичко на една страница. Лично аз го намирам за ужасен и изобщо не ергономичен. Тази концепция на 1 страница е стих с динамично зареждане или безкрайно превъртане

също така настройте lazyloading за изображенията, зареждайте изображенията само когато се появят в прозореца за показване

Благодаря и на двама ви

Не казахте нищо за многобройните CSS таблици със стилове и JavaScript: проблемът не е там ?

Ако също, но на ръка е сложно да се оптимизира, ако не е ваша работа.
Така че можете да използвате приставка като https://wordpress.org/plugins/shins-pageload-magic/
Направете проучване в приставките, някои също плащат.
Вижте дали резултатът ви е по-добър и запазете този, който работи най-добре.

+1 за това, че всичко на една страница е ужасно (но модерно). А добавянето на мързеливо зареждане е добавяне на JS, нали? Още по-лошо, но сайт, без който няма да работи.

Пълните js сайтове са истинска болка за уеб достъпността, особено за хората със зрителни увреждания.
Имам впечатлението, че малко уеб разработчици са наясно с този проблем в обучението си. И все пак той представлява между 10 и 15% от френския поп. Следователно изобщо не е пренебрежимо от гледна точка на бизнеса.

или екранният четец се основава на DOM, така че ако сайтът е пълен JS, той може да отиде, това е промяната на страницата или нещо друго, което може да бъде наистина скучно

И все пак той представлява между 10 и 15% от френския поп. Следователно изобщо не е пренебрежимо от гледна точка на бизнеса.

[HS] Бих искал да имам повече подробности за тези цифри, защото освен ако не броим хората, които носят устройства за корекция на зрението (очила или лещи), не виждам как можем да достигнем толкова голям брой. И очевидно няма смисъл да се използва тази статистика, ако брои тези хора там, тъй като те вече имат решение, което остарява проблема с използването на JS.
След това не казвам, че не трябва да полагате усилия, просто числото ми изглежда подвеждащо. [/ HS]

---------------
Чрез писането на каквото и да е, вие ставате някой.

ъъъ, четецът на екрана се основава на DOM, така че ако сайтът е пълен JS може да отиде, това е промяната на страницата или друго, което може да бъде наистина скучно

Това, което поставя pb, е промяната на съдържанието, след като страницата се зареди. NVDA, един от най-популярните и безплатни екранни четци, не може да се справи.

Един от членовете на училището на дъщеря ми е 85-90% сляп. Тя ми казва от време на време pbs, които среща, докато сърфира в сайтове. Тя ми каза по-специално, че много сайтове за електронна търговия не са подходящи за нея. В един момент, в процеса на покупка, има нещо, което означава, че тя не може да премине сама докрай.

Що се отнася до мен, аз смесих статистиката на зрителните недостатъци с всички хора с увреждания, срещащи pbs за достъп до уебсайтовете (и в този случай моите статистически данни бяха подценени):
https://ircf.fr/actualites/accessib [. ] -Интернет/
https://www.aveuglesdefrance.org/qu [. ] e-visual

Зрителният недостатък е малко по-малко от 3% от популярността във Франция (1,7 милиона), съжалявам.