login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Script laad zeer langzaam

Offline rpgnox - 12/04/2010 19:59
Avatar van rpgnoxPHP interesse Om mijn css te laden heb ik het volgende

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php //Avatar Background 
  2. for ($i = 1; $i <= 100; $i++) { ?>
  3. <style type="text/css"> #avatar_background_<?php echo $i; ?> {width: 178px; height: 178px; position: absolute; z-index: 0; top: 14px; left: 398px; background: url(images/character/1/<?php echo $i; ?>.png) no-repeat 50% 0; } </style><?php } ?>  
  4.  
  5. <?php //Avatar Hair 
  6. for ($i = 1; $i <= 200; $i++) { ?>
  7. <style type="text/css"> #avatar_hair_<?php echo $i; ?> {width: 178px; height: 178px; position: absolute; z-index: 1; top: 14px; left: 398px; background: url(images/character/2/<?php echo $i; ?>.png) no-repeat 50% 0; } </style><?php } ?>   
  8.  
  9. <?php //Avatar Eyes 
  10. for ($i = 1; $i <= 60; $i++) { ?>
  11. <style type="text/css"> #avatar_eyes_<?php echo $i; ?> {width: 178px; height: 178px; position: absolute; z-index: 0; top: 14px; left: 398px; background: url(images/character/3/<?php echo $i; ?>.png) no-repeat 50% 0; } </style><?php } ?>  
  12.  
  13. <?php //Avatar Mouth 
  14. for ($i = 1; $i <= 55; $i++) { ?>
  15. <style type="text/css"> #avatar_mouth_<?php echo $i; ?> {width: 178px; height: 178px; position: absolute; z-index: 0; top: 14px; left: 398px; background: url(images/character/4/<?php echo $i; ?>.png) no-repeat 50% 0; } </style><?php } ?>


Echter merk ik dat bij het laden van het script alles trager verloopt als andere scripts. Iemand enig idee hoe ik dit sneller / soepeler kan laten verlopen?

6 antwoorden

Gesponsorde links
Offline Raze - 12/04/2010 20:03
Avatar van Raze PHP beginner ik ben niet zeker, maar ik denk dat dit wel eens een oplossing kan bieden: http://www.site...de_Caching
Offline rpgnox - 12/04/2010 20:40
Avatar van rpgnox PHP interesse Pff. dat gaat een beetje boven mijn kennis. Maar hierin staat ook een sql deel en dat is in mijn geval niet nodig.

Wellicht een andere oplossing? Of een nadere toelichting?
Offline Raze - 12/04/2010 20:43
Avatar van Raze PHP beginner hoeft niet perse sql in te zitten. Giet je bovenstaande code in een functie en sla de output op in een cachebestand.
Offline lemoinet - 12/04/2010 20:50
Avatar van lemoinet PHP gevorderde gouden regel: vermijd dubbele code

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2.  
  3. .avatar
  4. {
  5. 	width: 178px; 
  6. 	height: 178px; 
  7. 	position: absolute;
  8. 	top: 14px; 
  9. 	left: 398px;
  10. 	background: no-repeat 50% 0;
  11. 	z-index: 0;
  12. }
  13.  
  14. <?php //Avatar Background 
  15. for ($i = 1; $i <= 100; $i++) { 
  16. 	echo "#avatar_background_" . $i ." { background-image: url(images/character/1/" . $i . ".png); }"; 
  17. }  
  18.  
  19. //Avatar Hair 
  20. for ($i = 1; $i <= 200; $i++) { 
  21. 	echo "#avatar_hair_" . $i ." {z-index: 1; background-image: url(images/character/2/" . $i . ".png); }";   
  22. }
  23.  
  24. //Avatar Eyes 
  25. for ($i = 1; $i <= 60; $i++) { 
  26. 	echo "#avatar_eyes_" . $i ." {background-image: url(images/character/3/" . $i . ".png); }"; 
  27. }
  28.  
  29. //Avatar Mouth 
  30. for ($i = 1; $i <= 55; $i++) { 
  31. 	echo "#avatar_mouth_" . $i ." {background-image: url(images/character/4/" . $i . ".png); }";  
  32. }
  33. ?>
  34. </style>


dit is al een stuk korter. je moet wel class="avatar" toevoegen op de elementen die je gebruikt voor je avatar.
Offline rpgnox - 12/04/2010 20:57
Avatar van rpgnox PHP interesse Beide bedankt. Het is nu idd wat korter maar het laden blijft traag. Heeft dit te maken met het feit dat ik 1 t/m 100, 1 t/m 200 etc. tegelijk laad en dat dit te veel images zijn?

Zo ja hoe is dit te voorkomen? (wellicht overige oplossingen..)
Offline lemoinet - 12/04/2010 21:02 (laatste wijziging 12/04/2010 21:04)
Avatar van lemoinet PHP gevorderde een browser kan maar een klein aantal requests tegelijk aan. Hij kan dus die 400 afbeeldingen niet tegelijk downloaden. je kan werken met sprites, maar door de grootte van een afbeelding (178x178) raad ik dit af.
Het optimaliseren van je afbeeldingen helpt ook al een heleboel.

als je ze ergens online kunt zetten, zal ik eens zien wat ik kan doen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.209s