Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zbyt wolne pojawienie się warstwy po najechaniu
wujek2009
post 2.07.2016, 17:31:13
Post #1





Grupa: Zarejestrowani
Postów: 350
Pomógł: 31
Dołączył: 23.05.2010

Ostrzeżenie: (0%)
-----


Hej,

Zacznę od struktury (łatwiej będzie to wyjaśnić)

  1. <figure class="element">
  2. <img src="/produkt/{ID}/default.jpg" alt="Okładka produktu" />
  3.  
  4. <figcaption class="content">
  5. <p>Ten element jest domyślnie ukryty. (display: none). Wyświetla się w momecie 'hoveru' na klasę '.element'</p>
  6. </figcaption>
  7. </figure>
  8.  
  9. <figure class="element">
  10. <img src="/produkt/{ID}/default.jpg" alt="Okładka produktu" />
  11.  
  12. <figcaption class="content">
  13. <p>Ten element jest domyślnie ukryty. (display: none). Wyświetla się w momecie 'hoveru' na klasę '.element'</p>
  14. </figcaption>
  15. </figure>


  1. # less
  2.  
  3. .element {
  4. (...)
  5. position: relative;
  6.  
  7. .content {
  8. display: none;
  9. background: transparent url('tlo.png');
  10. opacity: 0.7;
  11.  
  12. position: absolute;
  13. top: 0;
  14. bottom: 0;
  15. left: 0;
  16. right: 0;
  17. }
  18.  
  19. &:hover {
  20. .content {
  21. display: block;
  22. }
  23. }
  24. }


Więc mamy tak: gdy pierwszy raz najedziemy na dany pojemnik produktu '.element' (pierwszy raz od wejścia/odświeżenia strony) to wyświetlenie pojemnika '.content' dla danego '.element' trwa około 3-5 sekundy.
Oczywiście gdy już się zaczyta to następnym razem hover to już płynna czynność. Oczywiście do momentu gdy odświeżymy www lub przejdziemy na jakąś podstronę. Później znowu potrzebujemy 3-5 sekundy.

Element '.content' to nic innego jak niebieski background z opisem (szczególami) produktu. Sama strona waży 41,7 KB natomiast css (skompresowany przez gulp'a) waży 263,6 KB
W tej chwili dodałem za pomocą 'htaccessa' dodałem nagłówki odpowiednie (aby zasoby nie były wczytywane w kółko). Wiec CSS + obrazki mają kod odpowiedzi: 304 Not Modified - więc zasoby wczytywane są z pamięci przeglądarki.

Jednak problem wciąż występuje - nie mam trochę pomysłu. Wstępnie zwalam na linuxpl (zwykły hosting, jeden z najniższych pakietów).
Bardziej się zastanawiam czy ktoś miał podobne problemy? Co mogę jeszcze zrobić?
Go to the top of the page
+Quote Post
luki100011
post 22.07.2016, 14:53:00
Post #2





Grupa: Zarejestrowani
Postów: 243
Pomógł: 20
Dołączył: 20.04.2004
Skąd: Wielkopolska

Ostrzeżenie: (0%)
-----


Hej ile "waży" tlo.png ?


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 01:45