Skript zum Anpassen des Text an ein Div bremst die ganze Seite

[macpat]

Hallo zusammen,

ich verwende eine Skript um den Text in einem div an das jeweilige div anzupassen.
Es bremst aber leider die komplette Funktion der Seite.

Kann man das irgendwie schlanker bzw. performanter machen?

function testSize(boxtarget) {
	$(boxtarget).each(function ( i, box ) {
	    var width = $( box ).width(),
	        html = '<span style="white-space:nowrap;"></span>',
	        line = $( box ).wrapInner( html ).children()[ 0 ],
	        n = 800;
	    $( box ).css( 'font-size', n );
	    while ( $( line ).width() > width ) {
	        $( box ).css( 'font-size', --n );
	    }
	    $( box ).text( $( line ).text() );
	});		
}

 

[j-l-n]

Naja, also Schriftgröße 800 als Anfangswert ist halt ein bisschen hoch...

 

[macpat]

Danke, wenn ich eine kleinere Schriftgröße eingeben, dann geht es zwar schneller, steht aber in dem div dann z.B. nur ein A, dann ist das natürlich nicht so groß wie das div. Gibts da eine Möglichkeit?

 

[j-l-n]

Gibts da eine Möglichkeit?

Schau dir mal folgendes jQuery-Plugin an: zachleat/BigText · GitHub (wird aber vermutlich ähnlich arbeiten, hab's mir jetzt nicht angeschaut...)

 

[CT24]

Grundproblem ist, dass du bei jedem Durchlauf den DOM Manipulierst. Das ist nicht performant. Nach Möglichkeit den DOM nur einmal Bzw. so wenig wie möglich manipulieren - ist dann definitiv schneller...

 

[j-l-n]

Grundproblem ist, dass du bei jedem Durchlauf den DOM Manipulierst.

Ja, stimmt. Geht aber nicht anderes, da offsetWidth sonst nicht berechnet werden kann...