Jump to content
  • 0

Оптимизация загрузки страницы


ivanovfcz
 Share

Question

Ребята, нужна помощь. Есть php скриптик. Он сканирует папку с картинками. Потом открывает страничку <html>, вводит стили, и в <body> с помощью цикла сжимает картинки(используя отдельный класс) и выводит их на экран как тучу <div> элементов. в каждой дивке 1 картинка.

Проблема в том что страница открывается только после того как сожмет и подготовит все картинки. Как можно организовать вывод так, чтобы сначала на странице отобразилась шапка, и постепенно выводились на экран эти дивки ( сжал -> вывел )? Хотябы какие нибудь идеи, я уже все перелопатил.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

1. Сжатые картинки надо кешировать, чтобы скрипт не делал одну и туже работу при каждом обращении, это ускорит работу скрипта отдающего страницу и собственно загрузку страницы.

2. Если картинок много можно подгружать их динамически с помощью ajax к примеру по 10 штук за запрос. Если уж вам так важна последовательность, в таком случае сама страница загрузится сразу, а потом будут подгружаться картинки.

Link to comment
Share on other sites

  • 0

Огромное спасибо) Кеширование не пройдет, потомучто сжатие картинок при каждом обновлении страницы разное(рандомное), только порядок вывода остается. Если только кешировать все возможные варианты вывода всех картинок, есть 7 типов сжатия, 7 типов разрешения готовой картинки. Сейчас попробую разобраться с динамической подгрузкой)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy