Jak opużnić ładowanie częśći strony www: Formatowanie tekstu z wykorzystaniem stylów CSS

Jak opużnić ładowanie częśći strony www

Ostatnia aktualizacja 3 miesiąc temu

Opublikował(a) 3 miesiąc temu

Chciałem opóźnić ładowanie , czy jak kto woli wczytywanie część strony www .
Na dole strony posiadam DIV-y w których znajdują się więcej grafiki jak tekstu.
Najważniejsza cześć strony tekst znajduje się u góry .Natomiast na dole są to przykłady z grafiko .
Zrobiłem coś takiego ale nie działa.

Kod Pobierz kod źródłowy

<div class="container-fluid text-center bg-grey" loading="lazy" >

MirekAdministrator

Opublikował(a) 3 miesiąc temu

Tak to ci nie zadziała .

Kod Pobierz kod źródłowy

loading="lazy"

jest używana do opóźnienia ładowania zasobów, takich jak obrazy, gdy są one poza widokiem użytkownika na stronie internetowej. Jednakże, nie wpływa ona na opóźnienie ładowania konkretnych <div> lub innych elementów HTML.
Musisz poszukać odpowiedniego pliku js.
Druga problem jest taki jeśli to źle zrobisz to tylko pogorszysz sobie SEO na stronie.
Tak na ten temat piszą specjaliści od SEO , ale czy to prawda najlepiej przekonać się na własnej skórze.
Opóźnienie ładowania niektórych elementów na dole artykułu może wpłynąć na SEO w zależności od sposobu, w jaki jest to zrealizowane. Oto kilka czynników, które warto wziąć pod uwagę:

Zawartość kluczowa na samej górze: Jeśli najważniejsza treść i słowa kluczowe znajdują się na samej górze artykułu, opóźnienie ładowania elementów na dole może być postrzegane jako negatywne [b]dla SEO.[/b] Wyszukiwarki mogą przywiązywać większą wagę do treści umieszczonych na początku strony.

[b]1. [/b] Optymalizacja szybkości strony: Wzrost czasu ładowania strony może wpłynąć na doświadczenie użytkownika, co może z kolei negatywnie wpłynąć na pozycję w wynikach wyszukiwania. Jeśli opóźnienie ładowania nie jest zbyt długie i nie spowalnia znacząco czasu wczytywania strony, może to mieć mniejszy wpływ na SEO.

[b]2. [/b] Zgodność z zasadami Google: Google zaleca dostarczanie istotnej zawartości jak najszybciej, aby zapewnić pozytywne doświadczenia użytkowników. Jeśli opóźnienie ładowania jest zbyt długie lub ma negatywny wpływ na dostępność treści, może to niekorzystnie wpłynąć na SEO.

[b]3. [/b] Używanie poprawnych tagów i atrybutów: Jeśli opóźnienie ładowania jest zaimplementowane za pomocą odpowiednich tagów HTML i atrybutów (np. loading="lazy"), to może to być pozytywne dla SEO, ponieważ przeglądarki i roboty wyszukiwarek są świadome tych atrybutów i mogą lepiej zarządzać ładowaniem zasobów.

A więc zastosowanie opóźnienia ładowania na dole artykułu może mieć różne konsekwencje dla SEO, ale najważniejsze jest, aby zbalansować optymalizację dla wyszukiwarek oraz ludzi (internatów.)

MaskonurNowicjusz

Opublikował(a) 3 miesiąc temu

Jak opóźniać wyświetlanie grafiki to ja wiem .
Ale w moim przypadku to jest trudne ponieważ ja w DIV chce pobierać losową grafikę.

Kod Pobierz kod źródłowy

<DIV><?

$ile=2; // ile losowych obrazków pokazać



$katalog="foto/";

if ($f = opendir($katalog)) {

 while (false !== ($plik = readdir($f))) {

 if (eregi(".*.(gif|jpg)$",$plik)) $pliki[]="$katalog$plik";

 }

 closedir($f);

}



srand((double) microtime()*1000000);

shuffle($pliki);

for($i=0;$i<$ile;$i++) {

 echo "<img src="$pliki[$i]" alt="" />";

} ; ?>

 </div>

ZbigniewSuper administrator

Opublikował(a) 3 miesiąc temu

A dlaczego nie możesz od razu w swoim skrypcie losowo wyświetlającym dodać funkcji opóźnienia ładowania grafiki .
Aby dodać opóźnienie wyświetlania się grafiki w skrypcie PHP, możesz użyć funkcji

Kod Pobierz kod źródłowy

sleep()

do wstrzymania wykonywania skryptu na określoną liczbę sekund.

Kod Pobierz kod źródłowy

<?

$ile = 2; // ile losowych obrazków pokazać

$opoznienie = 3; // opóźnienie w sekundach



$katalog = "foto/";

if ($f = opendir($katalog)) {

 while (false !== ($plik = readdir($f))) {

 if (eregi(".*.(gif|jpg)$",$plik)) $pliki[] = "$katalog$plik";

 }

 closedir($f);

}



srand((double) microtime()*1000000);

shuffle($pliki);

for ($i = 0; $i < $ile; $i++) {

 echo "<img src="$pliki[$i]" alt="" />";

 flush(); // wymuszenie natychmiastowego wyświetlenia obrazka

 sleep($opoznienie); // opóźnienie wyświetlania kolejnego obrazka

}

?>

Funkcji

Kod Pobierz kod źródłowy

sleep($opoznienie)

po wyświetleniu każdego obrazka, aby zatrzymać wykonywanie skryptu na określony czas (w sekundach). Funkcja

Kod Pobierz kod źródłowy

flush()

jest używana, aby wymusić natychmiastowe wyświetlenie obrazka przed wstrzymaniem wykonywania.
skryptu przez funkcję sleep().

Ale jeśli bardzo się upierasz to również i w DIV ach można opóźniać wyświetlanie grafiki.
Ale potrzebne jest użycie dodatkowego skryptu JS.

Kod Pobierz kod źródłowy

<script>

 document.addEventListener('DOMContentLoaded', function() {

 setTimeout(function() {

 document.getElementById('powolnyDiv').style.display = 'block';

 }, 2000); // Opóźnienie w milisekundach

 });

</script>

W tym przypadku opóźnienie wyniesie około 2 sekund.
Dodatkowo musisz nadać id dla DIV taki sam jak w skrypcie js.

Kod Pobierz kod źródłowy

<div class="container-fluid text-center bg-grey" id="powolnyDiv">

 Treść opóźnionego diva

</div>

możesz przeglądać wszystkie wątki dyskusji na tym forum.
nie możesz rozpocząć nowy wątek dyskusji na tym forum.
nie możesz odpowiadać na posty w tym wątku dyskusji.
nie możesz rozpocząć ankietę na tym forum.
nie możesz dodawać załączniki w tym forum.
nie możesz pobierać załączniki na tym forum.

Jak opużnić ładowanie częśći strony www

2014 - 2024 © nw.ct8.pl Polityka prywatności kontakt

2014 - 2024 © nw.ct8.pl
Polityka prywatności
kontakt