Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <ol> <li><p>Define the image dimensions in the markup or CSS. If you don't there will be a page reflow every time a new image starts to display.</p> <ul> <li><p>Replace your tables with DIVs. Tables add unnecessary elements to the DOM and the flow/dimsensions calculations are much more complicated than simple DIVs (or any block-level element)</p></li> <li><p>Have the server generate+store thumbnails (anything less than the 1.5MB could be considered a thumbnail). When the user hovers, clicks, scrolls or takes other action... then you display the full resolution version.</p></li> <li><p>Paginate. NO REASON to display 150 images per page (at least when the page first loads). If you are paginating already, lower your "limit" to something more manageable.</p></li> <li><p>Use placeholders for all images that would appear "below the fold" (outside of the visible portion of the viewport). There are a number of JS libraries that will swap the SRC for another attribute and populate the SRC with a small placeholder. Then as you scroll images into view, the placeholders are swapped out for actual image URLs.</p></li> </ul> <p>jQuery: <a href="http://www.appelsiini.net/projects/lazyload" rel="nofollow">http://www.appelsiini.net/projects/lazyload</a></p> <p>YUI2: <a href="http://developer.yahoo.com/yui/imageloader/" rel="nofollow">http://developer.yahoo.com/yui/imageloader/</a></p> <p>YUI3: <a href="http://developer.yahoo.com/yui/3/imageloader/" rel="nofollow">http://developer.yahoo.com/yui/3/imageloader/</a></p> <ul> <li>Load images in the idle time (I presume there is a reason you load 150 high-resolution images).</li> </ul></li> </ol> <p>Learn from existing products:</p> <p><a href="http://images.google.com" rel="nofollow">http://images.google.com</a></p> <p>is a good example. On pageload, there are a few dozen images. As you scroll down, it pre-fetches more before you see them in the viewport (in chunks of approx 50).</p>
    singulars
    1. This table or related slice is empty.
    1. POHuge number of Html table with images performance
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USDavid
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHuge number of Html table with images performance
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThanks, i was actually thinking about the "lazyload" but not sure how to approach it. But the links would help a lot. thanks!
      singulars
      1. PO
      1. USEatdoku
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload