Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan hatékonyabb a weblap?...

Hogyan hatékonyabb a weblap? Javascript-tel vagy anélkül?

Figyelt kérdés

Van egy div-em. Ennek a div-nek vannak tulajdonságai css-ben:


.mybox{

width: 1%;

height: 10px;

display: inline-block;

}


Ezt beírom a html-be.

<div class="mybox" style="background:#000000 "></div>


Ekkor megjelenik a div.


A kérdés, hogy "hatékonyabb" a program, ha ebből a div-ből pl 100-et, vagy 1000-et szeretnék létrehozni?


Ha másolás beillesztéssel a html kódban létrehozogatom a div-eket, vagy írok egy javascript ciklust, ami ezt megcsinálja?


A hatékonyságot úgy értem, hogy hogy tölt be gyorsabban. Lehet akár több 10 ezer ilyen div is.


Köszi a válaszokat.



2015. nov. 13. 19:16
1 2
 1/11 anonim ***** válasza:
100%

Ezt beírom a html-be.

<div class="mybox" style="background:#000000 "></div>


ezt ne írd be a html-be. style tag minek? add meg a css-ben a hátteret.


azontúl relatív. adatforgalom szempontjából nyilván a js kevesebb adatot jelent, ellenben a kliens oldalon dolgoztatja a procit (bár nem egy túl bonyolult feladat).


én ezt javaslom, mérd le. js-el és php-vel le lehet mérni ms-ra pontosan.

2015. nov. 13. 19:48
Hasznos számodra ez a válasz?
 2/11 anonim ***** válasza:
(egyébként remélem ez csak egy elméleti síkon született meg benned és nem akarsz valójában több tízezer divet betölteni. vagy ha igen, akkor tervezd újra az egészet! :) )
2015. nov. 13. 19:49
Hasznos számodra ez a válasz?
 3/11 A kérdező kommentje:
Ok. köszi. Igenez csupán spekuláció.
2015. nov. 13. 20:38
 4/11 anonim ***** válasza:
Mindkét esetben a böngésző képességei a szűk keresztmetszet, mert az rendereli a div-eket, majd helyezi el azokat. Ha javascriptet is bevonsz, akkor még inkább függ a kliensoldali háttértől a dolog sebessége.
2015. nov. 13. 21:12
Hasznos számodra ez a válasz?
 5/11 anonim ***** válasza:
100%
Teljesen mindegy, hogy mennyire hatékony, nem kopipésztelünk.
2015. nov. 13. 21:36
Hasznos számodra ez a válasz?
 6/11 anonim ***** válasza:

#5 fejtsd ki kérlek...

pl egy ezer soros táblázatot (amit most elméletben egyszerre listázunk ki) és mobilböngészőkre optimalizáltan akarsz elkészíteni hogy a retekben lehet a div-ek "másolása" nélkül megoldani?

(most az mindegy, hogy a kódot egy php-s for ciklus generálja, hiszen az is csak másolgat)

2015. nov. 13. 23:56
Hasznos számodra ez a válasz?
 7/11 anonim ***** válasza:

Reszponzív táblázatokra vannak azért szép megoldások :), pl.:

[link]


(Igaz, a fejléc szövegeket itt is 2x adja meg, de nyilván kiküszöbölhető, ha maximalisták akarunk lenni.)

2015. nov. 14. 00:07
Hasznos számodra ez a válasz?
 8/11 anonim ***** válasza:

oké, de akkor pedig ezt "másolgatod"


<tr>

<td>James</td>

<td>Matman</td>

<td>Chief Sandwich Eater</td>

</tr>

<tr>

<td>The</td>

<td>Tick</td>

<td>Crimefighter Sorta</td>

</tr>



szerintem itt nem is ezen van a hangsúly. a lényeg, hogy nagy mennyiségű adat esetén hogyan hatékonyabb: kliens vagy szerver oldalon?


mondjuk szerintem szerver oldalon, hiszen az adat tömöríthető az átvitelhez (mostanra a böngészők már elég jól támogatják) tehát ezáltal sokat spóroltunk. így nem a js-t és a böngészőt terheljük ezzel.


(arról nem is beszélve, hogy az adatokat amivel feltöltjük át kell valamilyen formában adni ígyis-úgyis tehát akkor már majdnem ugyanott vagyunk)

2015. nov. 14. 00:20
Hasznos számodra ez a válasz?
 9/11 anonim ***** válasza:

de ez amúgy egy érdekes elméleti probléma, viszont fontos kiemelni, hogy a gyakorlatban nincs olyan eset, hogy erre szükség lenne, hiszen 50-100 sornál többet nem jelenítünk meg egyszerre. utána "lapozunk" :)


egyébként az infinite scroll még ami erről eszembe jut. (na az még egy borzalmas találmány bizonyos esetekben) találkoztam olyan weboldallal, ami a komplett rendszermemóriát felzabálta ha elég sokat görgettem :)

2015. nov. 14. 00:26
Hasznos számodra ez a válasz?
 10/11 anonim ***** válasza:
49%
#6-os javaslom a szövegértés gyakorlását, általános iskolai tananyag.
2015. nov. 14. 10:27
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:




Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!