Jeśli istnieje jednowymiarowe tło, które powtarza się w pewnym wymiarze, czy istnieje jakaś zauważalna różnica w wydajności, jeśli obraz jest np. Szerokość 1px a szerokość 10 lub 20 pikseli?Czy powtarzające się tła w html są bardziej wydajne, jeśli są większe niż 1 piksel?
Odpowiedz
Zakładam, że masz na myśli dwuwymiarowe tło.
Nie mogę sobie wyobrazić, że na nowoczesnych komputerach jest jakaś zauważalna różnica. Ponieważ jednak przepustowość wciąż jest na wagę złota, szczególnie na urządzeniach mobilnych, myślę, że lepiej byłoby zachować przepustowość, powtarzając szeroki obraz o szerokości 1px zamiast o szerokości 2 lub 3 px.
AKTUALIZACJA: Właśnie przeprowadziliśmy test, nienaukowo, ale z pewnością percepcyjnie istotny, w którym jedna strona wyrenderowała 10px zielony kwadrat na 10,000,000px kwadratowym dziale, a inna strona wyrenderowała 1px zielony kwadrat na tym samym rozmiarze div. Wszystkie style są ustawione za pomocą CSS, obie strony nie mają żadnej innej zawartości. Grafika została załadowana lokalnie. W renderowaniu w przeglądarce Safari 5 dla komputerów Mac lub FireFox 8 dla komputerów Mac nie było absolutnie żadnej różnicy percepcyjnej. Mimo to możliwe, że wystąpiły problemy z wydajnością w niektórych modelach starszych (bardziej inteligentnych) smartfonów.
Witamy w Stack Overflow Greg! ;) Oczywiście wszystkie obrazy są technicznie dwuwymiarowe, co rozumiem przez jeden wymiar, polega na tym, że obraz zmienia się tylko w jednym wymiarze, a zatem szerokość (lub wysokość) innego wymiaru jest nieistotna. – devios1
Prawdopodobnie nie zauważysz różnicy między szerokim obrazem o szerokości 1px a szerokim na 20px, chociaż taki będzie. Jest to tylko różnica w wielkości pliku, który musisz pobrać. Im większy obraz, tym większy rozmiar pliku, więc pobranie początkowo zajmuje nieco więcej czasu. Kiedy już będzie na miejscu, nie zauważysz różnicy w żaden sposób.
- 1. Czy pętle są bardziej wydajne niż pętle?
- 2. O ile bardziej wydajne są tekstury power-of-two?
- 3. Czy dopasowanie wzoru jest bardziej wydajne niż osłony?
- 4. Dlaczego zestawy są większe niż listy w pythonie?
- 5. Kiedy QLC są znacznie mniej wydajne?
- 6. Czy bardziej wydajne jest rozgałęzianie lub mnożenie?
- 7. Elementy pola wyboru HTML są przesyłane tylko, jeśli są zaznaczone?
- 8. 1 piksel powtórzenia tła podczas powiększania w Google Chrome
- 9. Czy oczekiwania są niepotrzebne, jeśli w moim teście są weryfikacje?
- 10. Dlaczego wskaźniki do klasy bazowej są bardziej preferowane niż odniesienia?
- 11. Sprawdź, czy dane wejściowe użytkownika są podwójne i czy są większe od zera?
- 12. Kiedy bloki są bardziej przydatne niż funkcje (ruby)?
- 13. Czy tabele html są prawidłowe, jeśli użyto wielu tagów tbody?
- 14. Google Calendar API - powtarzające się instancje zdarzeń nie są pobierane
- 15. Formatowanie ciągów w języku Python: czy '%' jest bardziej wydajne niż funkcja 'formatowania'?
- 16. Dlaczego multimetody Clojure są lepsze niż stwierdzenia "jeśli" lub "case"
- 17. Jak wiele elementów w wektorze są większe niż x bez użycia pętli
- 18. LINQ Count() do, czy to jest bardziej wydajne?
- 19. Jeśli dwie rzeczy nie są równe, czy są równe?
- 20. Pobierz wszystkie pozycje elementów w wektorze STL, które są większe niż wartość
- 21. Jak wymienić tylko pierwsze n elementów w tablicy numpy, które są większe niż określona wartość?
- 22. Czy przenoszenie ograniczenia na łączenie jest bardziej wydajne niż dołączanie i klauzula where?
- 23. Jak filtrować większe niż w GraphQL
- 24. Czy wątki Keras są bezpieczne?
- 25. Jeśli obrazy w Dockerze są nieoznakowane, czy są one w ogóle używane, czy tylko sieroty?
- 26. Selektor elementów CSS jest bardziej szczegółowy niż atrybuty HTML?
- 27. Czy dokumenty dotyczące Struts 1 są nadal dostępne online?
- 28. Jak obsługiwać wartości wolnym obrocie, które są większe niż maksymalna wartość dwukrotnie
- 29. Dlaczego procesory CISC są trudniejsze do potokowania? W jakim sensie niektóre instrukcje są "bardziej złożone" niż inne?
- 30. Szybsze/bardziej wydajne alternatywy dla marszałka Ruby?
Dobre pytanie. Nigdy nie używałam szerokich obrazów 1px i z mojego doświadczenia wynika, że rozmiar pliku nie staje się większy, więc nie widzę powodu, dla którego nie powinienem używać obrazów 10px. – Gerben
Ktoś tutaj http://forums.devshed.com/css-help-116/background-repeat-efficiency-276824.html jest cytowany jako: –
"Jest to temat, który podałem bardzo powierzchowne badanie. do rozważenia jest masa tara nagłówka odpowiedzi serwera i własny nagłówek obrazu, na przykład 1 jpg (wygenerowany przez GIMP) koloru jednolitego # 808080 ma rozmiar pliku 334 bajtów. Przy wielkości 200 × 5 rozmiar pliku wynosi 352 W przypadku wzrostu o 18 bajtów ((352 + rozmiar nagłówka serwera) ÷ (334 + rozmiar nagłówka serwera) × 100 = procentowy wzrost szerokości pasma) obciążenie płytek klienta jest zmniejszane o trzy rzędy wielkości: Moja własna opinia jest taka, że nie ma znaczącej korzyści uzyskanej dzięki zmniejszeniu rozmiaru pliku obrazu do wartości mniejszej niż 1 KB. " –