Απευθείας HTML ή χρήση Jquery

[rafinos]

Καλησπέρα παιδιά!

 

Φτιάχνω μια εφαρμογή για android με χρήση webview. Δεν έχει και πολύ σημασία αυτό απλά τονίζω ότι δεν πρόκειται για site.

 

Αυτό που θέλω να ρωτήσω είναι το εξής.

Έχω κάποια κουμπιά που είναι της μορφής:

<div id="αριθμός που ανεβαίνει κάθε φορά ένα">
    <a href="link po to html exei to onoma tou id tou div">
        <img src="to png exei to onoma tou id tou div" />
    </a>
</div>

Σε πρώτη φάση αυτά τα κουμπιά είναι λίγα, γύρω στα 12 για την ακρίβεια. 

 

Οκ, τα φτιάχνω χειροκίνητα (τα λινκς ομαδοποιούνται ανά τρία μέσα σε άλλο div).

Σε περίπτωση που αυτά αρχίζουν να όμως και πληθαίνουν (ακόμα και 100 να γίνουν είναι βαρετό να τα περνάς με το χέρι) τι κάνουμε;

 

Γνωρίζω ότι είναι καλύτερο η html να μην φορτώνεται μέσω js για λόγους ταχύτητας. Σε περίπτωση όμως που κάνω κάτι τέτοιο:

function create_buttons(){
	var content = "";
	var count = 1;
	for(var i=1; i<=12; i++){
		if(count === 1){
			content += '<div class="container col-lg-12 col-md-12 col-sm-12 col-xs-12 row_buttons">';
		}
					
		content += '<div class="container col-lg-4 col-md-4 col-sm-3 col-xs-4">';
		content += '<div class="button_container">';
		content += '<a id="' + i + '" href="links/' + i + '.html" class="button nopadding col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"><img src="images/' + i + '_button.png" class="img-responsive" /></a>';
		content += '</div></div>';
		
		if(count === 3){
			count = 1;
			content += '</div>';
		}else{
			count++;
		}
	}
	$("#buttons_wrapper").html(content);
}

Πόσο χάνω σε ταχύτητα;

 

Ο αριθμός 12 είναι ενδεικτικός... όσο πάει θα ανεβαίνει.  

[lionheart82]

Για τόσα λίγα λογικά θα είσαι σε μικρό περιθώριο χρόνου ασήμαντο θα έλεγα, αυτό που θέλει προσοχή και πρέπει να κοιτάξεις και για περισσότερα είναι η εικόνα που κατεβαίνει για κάθε τέτοιο div γιατί αυτό είναι +1 Request και παίζει ρολό τι μέγεθος έχει κτλπ. Για αυτό το λόγο θα το έκανα με lazy load.

 

Τώρα για περισσότερα div θα πάρεις μια σχετικά απάντηση εάν το τρέξεις στον chrome developer tools ώστε να δεις τον χρόνο φορτώματος. Αυτό παίζει ρολό βέβαια με το μηχάνημα που τρέχει την javascript , εάν γίνει αυτό μέσω php θα είναι πολύ ποιο safe όπως είπες και εσύ πάντως.

[alou]

 

 

Οκ, τα φτιάχνω χειροκίνητα (τα λινκς ομαδοποιούνται ανά τρία μέσα σε άλλο div).

Σε περίπτωση που αυτά αρχίζουν να όμως και πληθαίνουν (ακόμα και 100 να γίνουν είναι βαρετό να τα περνάς με το χέρι) τι κάνουμε;

 

 

 

Φτιάχνεις ένα script πιθανώς αντίστοιχο με αυτό που ήδη έκανες και δημιουργεί την html σε dev mode και την ενσωματώνεις στην εφαρμογή σου σαν στατικό αρχείο σε production mode. Ή κάτι τέτοιο, ανάλογα με το build process σου.

 

Σε καμια περίπτωση πάντως δεν θες η βαρεμάρα να κάνει χειρότερη την εμπειρία του χρήστη.

[rafinos]

Να τονίσω εδώ πως μιας που είπα φτιάχνω εφαρμογή σε webview... οι εικόνες δεν φορτώνονται από κάποιον server, αλλά τοπικά από τον φάκελο assets της android εφαρμογής. Είναι δηλαδή ενσωματωμένες στο application. Οπότε δε νομίζω πως υπάρχει τόσο θέμα με loading time έτσι δεν είναι;

[lionheart82]

Ναι τοπικα και σε app δεν υπάρχει κανενα θέμα