WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Iframe elastico in oggetto html  it

Autore: Vincenzo Errico
Visite 1474, Followers 1, Condiviso 0  

Ciao,

per implementare una galleria (Wow slider) tramite iframe in un oggetto html, ho inserito questo codice nella sezione "Codice HTML":

<!-- Wedding gallery: START -->
<div class="iframe-container">
<iframe src="http://www.vincenzoerrico.it/wedding-gallery/index.html" title="Wedding Photography" alt="Wedding Photographer in Tuscany" scrolling="no" allowtransparency="true" allowfullscreen="" frameborder="0" width="1071" height="714">
</iframe>
</div>
<!-- Wedding gallery: END -->

e per rendere l'iframe scalabile... nella sezione "Esperto Codice CSS" quest'altro:

.iframe-container {
width: 100%;
height: 0;
padding-bottom: 66%; /* 2:3 */
padding-top: 0px;
position: relative;
}
iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

Secondo voi è corretto? Perchè è un po' lenta nel caricarsi (20 foto in galleria) e non vorrei fosse colpa del codice errato, e non ho trovato altre solusioni.

Grazie infinite.

Postato il
10 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... il codice è corretto ...

...!... 20 immagini di circa 120 KB cu pesano in totale circa 2.4 MB ...forse un po' troppi, specialmente in ambiente "mobile"...

... visto che le transizioni sono abbastanza veloci, potresti uleriormente alleggerire le immagini di un 30% senza apparente perdita per l'occhio umano; ...prova, non ti costa niente fare un confronto...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Mirko Boschetti
Mirko Boschetti
Moderator

20 foto in galleria....ma quanto pesano le foto...?

quel codice lo uso anche io e a me va bene....innocent

-----------------

Kol Flash  laughingwink

Leggi di più
Postato il da Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... ho voluto fare una prova; ...la prima immagine pesa 183 KB

... quella allegata, la stessa, pesa 1/3°, solo 62 KB ...

... anche solo 10 immagini renderebbero l'idea della tua presentazione...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autore

Ok ragazzi, grazie! Domani provo ad alleggerire le immagini! Però mi chiedo: vedo molte slide full screen sul web con immagini a 1920px con peso di 400/500 kb, eppure si caricano più veloci della mia... Ora mi sono registrato CloudFlare, mi dicono che si ottengono dei miglioramenti, sia in sicurezza che in velocità  Spero solo di non fare danni. Voi ne fate uso?

Leggi di più
Postato il da Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autore

Comunque stessa home page (tranne qualche effetto sulle immagini) con la v.12 Pro, verificando la velocità tramite pagespeed di google mi dava un bel 65% mentre con la 13 Pro mi restituisce un brutto 43 %. Molto strano, invece di migliorare...

Leggi di più
Postato il da Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... nel tuo caso non c'entra, in quanto la tua galleria è esterna in pagina propria caricata in iframe...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autore

e come si spiega questo passo indietro di velocità con la nuova versione X5...?!

Leggi di più
Postato il da Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autore

Cioè, alla fine ho poco contenuto in home page eppure ho un punteggio pagespeed scarsissimo.

Leggi di più
Postato il da Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... mi riferivo alla influenza dello slideshow ...

... per il resto non saprei...

... il volto nel cerchietto non ha motivo di essere in PNG, 61 KB contro i 5 KB che potrebbe pesare...

... le altre immagini pesano complessivamente circa 280 KB, non troppo, ma potrebbero pesare meno della meta, circa 120 KB, ed anche gli effetti incorporati potrebbero influire sulla velocità di lettura...

.

... la velocità potrebbe anche dipendere dalla banda offerta dal server, e dagli utenti che si connettono contemporaneamente alla tua pagina...

.



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autore

ho alleggerito le immagini... molto meglio, grazie!

Leggi di più
Postato il da Vincenzo Errico