請問一下
我網(wǎng)站有很多圖片需要加載
但這導致我的網(wǎng)頁開啟速度很慢
請問有什麼方式可以使他變快呢？
https://www.pexels.com/
像這種網(wǎng)站圖片非常多
但是他也能在兩秒內(nèi)加載完畢甚至更快
這到底怎麼做到的？
補充
我加了懶加載
但是發(fā)現(xiàn)好像沒有什麼用
可能是本身圖片真的太大了。。。
因為一開始根本沒有想到圖片檔案會那麼大，每個都3, 4ＭＢ
ＣＳＳ有沒有剪裁的技術(shù)能做後天補強？
可以讓圖片加載某個範圍就好？
1.壓縮圖片
2.CDN
3.設置cache，優(yōu)先從memory/disk的cache加載圖片。
樓主的主要問題在于他的圖實在是太大了，3,4m的圖不適合直接在網(wǎng)頁上展示，所以解決方案：
頁面展示的圖片列表頁的圖，是更小尺寸的圖片，根據(jù)你的layout設計來定圖片的尺寸。用戶點擊小圖以后，才去加載打開最終那個大圖。你可以把你參考的那個網(wǎng)站上，列表頁的圖，和打開以后的大圖，分別保存下來看一下就明白了。這個生成小圖的功能，就要在你的php后臺去實現(xiàn)了。
最后才是樓上提到的那些優(yōu)化方法，其中最重要的當然是懶加載，或者叫瀑布流圖片。
從圖片的角度簡單回答一下:
配和 network 中的 throttle 進行網(wǎng)速控制，可以模擬一些貼近現(xiàn)實場景。
------ update
你可以試試漸進式圖片
What does the interlaced option in Photoshop do?
When to interlace an image?
總結(jié):
優(yōu)化這個事情，我當前一直是沒有理出什么規(guī)則的，一般都是出了問題才會去反追。所以建議你可以這樣試試xD
壓縮圖片啊，首頁的圖片不用加載大圖。
圖片3-4m 這本身就是問題
圖片懶加載 + gzip壓縮
這個網(wǎng)站的懶加載代碼是下面這個，它是發(fā)一個請求，返回一段 js 代碼，然后執(zhí)行這段代碼，往 container 容器里添加新圖片。
var container=document.getElementsByClassName('photos')[0];container.insertAdjacentHTML('beforeend','\n\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Road in City during Sunset\" href=\"/photo/road-in-city-during-sunset-248159/\">\n\n <img srcset=\"https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"525\" height=\"350\" style=\"background:rgb(81,65,56)\" class=\"photo-item__img\" alt=\"Road in City during Sunset\" data-big-src=\"https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@nout-gons-80280\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/80280/nout-gons-225.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Nout gons 225\" />\n <span class=\"photo-item__name\">Nout Gons<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?cs=srgb&dl=light-city-road-248159.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-248159 btn-like btn-like--small photo-item__info\" data-photo-id=\"248159\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-248159 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"248159\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Two Mountaineers in Mountain\" href=\"/photo/two-mountaineers-in-mountain-914128/\">\n\n <img srcset=\"https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"528\" height=\"350\" style=\"background:rgb(70,70,70)\" class=\"photo-item__img\" alt=\"Two Mountaineers in Mountain\" data-big-src=\"https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@saikat-ghosh-323099\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/323099/saikat-ghosh-795.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Saikat ghosh 795\" />\n <span class=\"photo-item__name\">Saikat Ghosh<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/914128/pexels-photo-914128.jpeg?cs=srgb&dl=snow-landscape-mountains-914128.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-914128 btn-like btn-like--small photo-item__info\" data-photo-id=\"914128\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-914128 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"914128\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"\" href=\"/photo/baked-baking-close-up-dough-784636/\">\n\n <img srcset=\"https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"233\" height=\"350\" style=\"background:rgb(86,80,73)\" class=\"photo-item__img\" alt=\"Free stock photo of hands, photography, table, flour\" data-big-src=\"https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@vanmalidate\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/253015/malidate-van-397.jpg?w=60&h=60&fit=crop&crop=faces\" alt=\"Malidate van 397\" />\n <span class=\"photo-item__name\">Malidate Van<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/784636/pexels-photo-784636.jpeg?cs=srgb&dl=hands-photography-table-784636.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-784636 btn-like btn-like--small photo-item__info\" data-photo-id=\"784636\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-784636 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"784636\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" href=\"/photo/adult-adventure-couple-dirty-349493/\">\n\n <img srcset=\"https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"233\" height=\"350\" style=\"background:rgb(82,86,99)\" class=\"photo-item__img\" alt=\"Free stock photo of wood, landscape, nature, couple\" data-big-src=\"https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@freestocks\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/592/pawel-malinowski-908.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Pawel malinowski 908\" />\n <span class=\"photo-item__name\">freestocks.org<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/349493/pexels-photo-349493.jpeg?cs=srgb&dl=wood-landscape-nature-349493.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-349493 btn-like btn-like--small photo-item__info\" data-photo-id=\"349493\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-349493 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"349493\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Basketball Hoop on Court\" href=\"/photo/basketball-hoop-on-court-680074/\">\n\n <img srcset=\"https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"525\" height=\"350\" style=\"background:rgb(129,99,82)\" class=\"photo-item__img\" alt=\"Basketball Hoop on Court\" data-big-src=\"https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@daniel-absi-122864\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/122864/daniel-absi-273.png?w=60&h=60&fit=crop&crop=faces\" alt=\"Daniel absi 273\" />\n <span class=\"photo-item__name\">Daniel absi<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/680074/pexels-photo-680074.jpeg?cs=srgb&dl=light-city-street-680074.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-680074 btn-like btn-like--small photo-item__info\" data-photo-id=\"680074\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-680074 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"680074\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Man Jumping On Puddle Of Water\" href=\"/photo/man-jumping-on-puddle-of-water-250356/\">\n\n <img srcset=\"https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"622\" height=\"350\" style=\"background:rgb(97,108,110)\" class=\"photo-item__img\" alt=\"Man Jumping On Puddle Of Water\" data-big-src=\"https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@kaiquestr\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/4672/kaique-rocha-298.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Kaique rocha 298\" />\n <span class=\"photo-item__name\">Kaique Rocha<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/250356/pexels-photo-250356.jpeg?cs=srgb&dl=city-road-person-250356.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-250356 btn-like btn-like--small photo-item__info\" data-photo-id=\"250356\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-250356 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"250356\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Man Wearing Black Hat a Bow and a Sweat Shirt on a Backstage\" href=\"/photo/man-wearing-black-hat-a-bow-and-a-sweat-shirt-on-a-backstage-175696/\">\n\n <img srcset=\"https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"505\" height=\"350\" style=\"background:rgb(107,110,113)\" class=\"photo-item__img\" alt=\"Man Wearing Black Hat a Bow and a Sweat Shirt on a Backstage\" data-big-src=\"https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@conojeghuo\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/47503/clem-onojeghuo-518.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Clem onojeghuo 518\" />\n <span class=\"photo-item__name\">Clem Onojeghuo<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/175696/pexels-photo-175696.jpeg?cs=srgb&dl=fashion-man-person-175696.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-175696 btn-like btn-like--small photo-item__info\" data-photo-id=\"175696\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-175696 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"175696\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Black Microphone\" href=\"/photo/black-microphone-64057/\">\n\n <img srcset=\"https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"525\" height=\"350\" style=\"background:rgb(142,106,85)\" class=\"photo-item__img\" alt=\"Black Microphone\" data-big-src=\"https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@freestocks\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/592/pawel-malinowski-908.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Pawel malinowski 908\" />\n <span class=\"photo-item__name\">freestocks.org<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/64057/pexels-photo-64057.jpeg?cs=srgb&dl=talk-microphone-speech-64057.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-64057 btn-like btn-like--small photo-item__info\" data-photo-id=\"64057\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-64057 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"64057\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Photo from Concrete Structures\" href=\"/photo/photo-from-concrete-structures-920024/\">\n\n <img srcset=\"https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"525\" height=\"350\" style=\"background:rgb(113,115,117)\" class=\"photo-item__img\" alt=\"Photo from Concrete Structures\" data-big-src=\"https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@kevinmenajang\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/324989/kevin-menajang-679.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Kevin menajang 679\" />\n <span class=\"photo-item__name\">Kevin Menajang<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/920024/pexels-photo-920024.jpeg?cs=srgb&dl=light-building-wall-920024.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-920024 btn-like btn-like--small photo-item__info\" data-photo-id=\"920024\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-920024 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"920024\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Silhouette Photography of Person Standing on Green Grass in Front of Mountains during Golden Hour\" href=\"/photo/silhouette-photography-of-person-standing-on-green-grass-in-front-of-mountains-during-golden-hour-746386/\">\n\n <img srcset=\"https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"592\" height=\"350\" style=\"background:rgb(129,120,105)\" class=\"photo-item__img\" alt=\"Silhouette Photography of Person Standing on Green Grass in Front of Mountains during Golden Hour\" data-big-src=\"https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@simonmigaj\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/233851/simon-migaj-572.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Simon migaj 572\" />\n <span class=\"photo-item__name\">Simon Migaj<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/746386/pexels-photo-746386.jpeg?cs=srgb&dl=dawn-landscape-mountains-746386.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-746386 btn-like btn-like--small photo-item__info\" data-photo-id=\"746386\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-746386 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"746386\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"\" href=\"/photo/woman-eyes-eye-beauty-110321/\">\n\n <img srcset=\"https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"586\" height=\"350\" style=\"background:rgb(116,119,124)\" class=\"photo-item__img\" alt=\"Free stock photo of woman, eye, see, close-up\" data-big-src=\"https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@fotios-photos\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/26735/lisa-fotios-879.jpeg?w=60&h=60&fit=crop&crop=faces\" alt=\"Lisa fotios 879\" />\n <span class=\"photo-item__name\">Lisa Fotios<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/110321/pexels-photo-110321.jpeg?cs=srgb&dl=woman-eye-see-110321.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-110321 btn-like btn-like--small photo-item__info\" data-photo-id=\"110321\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-110321 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"110321\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n<article\n class=\"photo-item photo-item--overlay\"\n >\n <a class=\"js-photo-link\" title=\"Two Girls Using Iphone\" href=\"/photo/two-girls-using-iphone-669005/\">\n\n <img srcset=\"https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?auto=compress&cs=tinysrgb&h=350 1x, https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=350 2x\" width=\"257\" height=\"350\" style=\"background:rgb(139,122,101)\" class=\"photo-item__img\" alt=\"Two Girls Using Iphone\" data-big-src=\"https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260\" data-large-src=\"https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?auto=compress&cs=tinysrgb&h=650&w=940\" data-pin-media=\"https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800\" src=\"https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?auto=compress&cs=tinysrgb&h=350\" />\n<\/a> <a href=\"/@rawpixel\" class=\"photo-item__photographer\">\n <img class=\"photo-item__avatar\" height=\"30\" width=\"30\" src=\"https://images.pexels.com/users/avatars/91955/rawpixel-com-856.png?w=60&h=60&fit=crop&crop=faces\" alt=\"Rawpixel com 856\" />\n <span class=\"photo-item__name\">rawpixel.com<\/span>\n <\/a>\n <a href=\"https://images.pexels.com/photos/669005/pexels-photo-669005.jpeg?cs=srgb&dl=fashion-vacation-love-669005.jpg&fm=jpg\" download><\/a>\n <button class=\"js-like js-like-669005 btn-like btn-like--small photo-item__info\" data-photo-id=\"669005\">\n <svg viewBox=\"0 0 100 100\" class=\"icon-heart\"><use xlink:href=\"#iconHeart\"><\/use><\/svg>\n <\/button>\n <button class=\"js-collect js-collect-669005 btn-like btn-like--small btn-like--collect photo-item__info\" data-photo-id=\"669005\">\n <svg viewBox=\"0 0 30 30\" class=\"icon-plus\"><use xlink:href=\"#iconPlus\"><\/use><\/svg>\n <\/button>\n<\/article>\n\n\n');options='appended'
rowGrid(container,options);UTIL.triggerEvent('new-photos');document.querySelector('.js-pagination').innerHTML='<div class=\"pagination\"><a class=\"previous_page\" rel=\"prev\" href=\"/?dark=false&format=js&page=22&seed=2018-05-15+01%3A36%3A22++0000\">← Previous<\/a> <a href=\"/?dark=false&format=js&page=1&seed=2018-05-15+01%3A36%3A22++0000\">1<\/a> <a href=\"/?dark=false&format=js&page=2&seed=2018-05-15+01%3A36%3A22++0000\">2<\/a> <span class=\"gap\">…<\/span> <a href=\"/?dark=false&format=js&page=19&seed=2018-05-15+01%3A36%3A22++0000\">19<\/a> <a href=\"/?dark=false&format=js&page=20&seed=2018-05-15+01%3A36%3A22++0000\">20<\/a> <a href=\"/?dark=false&format=js&page=21&seed=2018-05-15+01%3A36%3A22++0000\">21<\/a> <a rel=\"prev\" href=\"/?dark=false&format=js&page=22&seed=2018-05-15+01%3A36%3A22++0000\">22<\/a> <em class=\"current\">23<\/em> <a rel=\"next\" href=\"/?dark=false&format=js&page=24&seed=2018-05-15+01%3A36%3A22++0000\">24<\/a> <a href=\"/?dark=false&format=js&page=25&seed=2018-05-15+01%3A36%3A22++0000\">25<\/a> <a href=\"/?dark=false&format=js&page=26&seed=2018-05-15+01%3A36%3A22++0000\">26<\/a> <a href=\"/?dark=false&format=js&page=27&seed=2018-05-15+01%3A36%3A22++0000\">27<\/a> <span class=\"gap\">…<\/span> <a href=\"/?dark=false&format=js&page=99&seed=2018-05-15+01%3A36%3A22++0000\">99<\/a> <a href=\"/?dark=false&format=js&page=100&seed=2018-05-15+01%3A36%3A22++0000\">100<\/a> <a class=\"next_page\" rel=\"next\" href=\"/?dark=false&format=js&page=24&seed=2018-05-15+01%3A36%3A22++0000\">Next →<\/a><\/div>';
網(wǎng)站不錯。。
那個網(wǎng)站也沒有加載完畢。
它用的是惰性加載。
就是你沒有看到的圖片其實并沒有加載，你滾動到那里或者快到那里的時候才加載。
看得到的地方，也可以先加載壓縮后的圖片，然后再加載高清圖片，加載完成后替換掉模糊的圖片。
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學院創(chuàng)立于2003年，作為華東區(qū)著名互聯(lián)網(wǎng)學院和江蘇省首批服務外包人才培訓基地，中博成功培育了近30000名軟件工程師走向高薪崗位，合作企業(yè)超4
中公教育集團創(chuàng)建于1999年，經(jīng)過二十年潛心發(fā)展，已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務機構(gòu)，發(fā)展為教育服務業(yè)的綜合性企業(yè)集團，成為集合面授教學培訓、網(wǎng)
達內(nèi)教育集團成立于2002年，是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構(gòu)，是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市，融資1
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師，曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù)， 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗，技術(shù)功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3；Javascript及主流js庫，具有快速界面開發(fā)的能力，對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問，美國Dachieve 系統(tǒng)架構(gòu)師，美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。
掃碼關(guān)注鍍金池微信號
手機訂課，優(yōu)惠多多