Salut !
Je suis en train de refaire mon portfolio, et j'utilise l'API de Behance pour n'avoir à poster mes projets qu'une fois pour les deux plateformes et me servir de behance comme "panel admin" en gros.
Voici donc mon code pour afficher les projets
HTML :
<div class="container">
<ol class="projects">
// PROJETS
</ol>
</div>
Javascript :
let data = 'https://api.behance.net/v2/users/mowh/projects?client_id=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&callback=?';
$.getJSON(data, (data) => {
for (let project = 0; project < data.projects.length; project++) {
$('.projects').append(`
<li class="project">
<img src="` + data.projects[project].covers.original + `">
</li>
`)
}
});
Le gros problème : beaucoup d'images de tailles importantes sont chargées et ça met des plombes à s'afficher. Comment améliorer les performances ? J'ai pensé au lazy loading (mettre une image de moins bonne qualité le temps que ça charge, mais je prends les images d'une API donc je n'ai pas de version LQ...)
Un autre problème est la limitation des requetes à l'API à 150/heure. Je n'ai pas autant de visiteurs mais il suffit d'un mec qui jitter-F5 et il faut attendre une heure... J'ai pensé à faire un système de cache, mais concrètement (si c'est la bonne solution), je fais comment ?
Vous avez des idées ?
Merci d'avance à ceux qui m'apporteront leur aide !
Malo
mowh