Glide Imgae loading is taking too much time in recyclerview android

Question

In my app I have implemented a recyclerview widget to show userimage, name and company name. I have stored the text information into Realm DB, and those information are showing just after starting the app. But for image loading i am using Glide image library. But the problem is the image are not loading just after the button click as long as I do not go throug the whole recyclerview. So just after clicking the recyclerview if I see only first 10 row, it is loading first images one after one. And then when I go back to other page and if the internet connection is not there, the other images are not loading. The Image field is empty. Is there any way to load image faster with glide.

My code in adapter class

public class MyColleaguesAdapter extends RecyclerView.Adapter<MyColleaguesAdapter.ColleagueHolder>{

    public static String TAG = MyColleaguesAdapter.class.getSimpleName();

    protected RequestManager glideManager; //make glideManager keeping
    private List<MyColleagueModel> myColleague;


    private Context context;

    public interface ColleagueListListener {
    }

    public MyColleaguesAdapter(List<MyColleagueModel> colleagues,Context context) {
        this.context=context;
        myColleague = colleagues;
        glideManager = Glide.with(context);
    }


    // create new views (invoked by the layout manager)
    @Override
    public ColleagueHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View view = LayoutInflater.from(parent.getContext()).inflate( R.layout.colleage_row,parent,false);
        return new ColleagueHolder(view);
    }
    @Override
    public void onBindViewHolder(final ColleagueHolder holder, int position) {
        app_preferences = PreferenceManager.getDefaultSharedPreferences(context);

        final MyColleagueModel currentColleague = myColleague.get(position);

        holder.colleagueName.setText(currentColleague.getName());
        holder.companyName.setText(currentColleague.getCompany());
        holder.jobTitle.setText(currentColleague.getTitle());

        holder.cardView.setCardBackgroundColor(Constant.color);



         Glide.with( holder.itemView.getContext() )
                    .load( Constants.HTTP.PHOTO_URL + currentColleague.getMail() 
  )
                    .thumbnail( 0.5f )
                    .override( 200, 200 )
                    .diskCacheStrategy( DiskCacheStrategy.ALL )
                    .into( holder.colleaguePicture );


        holder.cardView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                Intent i=new Intent(context,DetailMyColleague.class);
                i.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                i.putExtra("IMAGE_URL",Constants.HTTP.PHOTO_URL + currentColleague.getMail());

                context.startActivity(i);
            }
        });

    }


    @Override
    public int getItemCount() {
        return myColleague.size();
    }

    public class ColleagueHolder extends RecyclerView.ViewHolder{

        public CardView cardView;
        public ImageView colleaguePicture;
        public TextView colleagueName;
        public TextView  companyName;
        public TextView  jobTitle;

        public ColleagueHolder(View itemView) {
            super(itemView);
            colleaguePicture= itemView.findViewById(R.id.colleague_picture);
            colleagueName= itemView.findViewById(R.id.colleague_name);
            companyName= itemView.findViewById(R.id.company_name);
            jobTitle= itemView.findViewById(R.id.job_title);
            cardView= itemView.findViewById(R.id.cardview_user);

        }
    }

In main Activity

private RecyclerView recyclerView;
private MyColleaguesAdapter adapter;
private List<MyColleagueModel> myColleagueList = new ArrayList<>();
private ColleagueController mController;
private ColleagueResApiManager mApiManager;

private Realm colleagueRealm;
private LinearLayoutManager layoutManager;

 @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.mycolleagues_layout);
    CookieHandler.setDefault( cookieManager );

     colleagueConfigViews();

}

public void colleagueConfigViews() {
    recyclerView = this.findViewById(R.id.colleagues_recycler);
    recyclerView.setHasFixedSize(true);
    recyclerView.setLayoutManager(new LinearLayoutManager(MyColleaguesPage.this));
    recyclerView.setRecycledViewPool(new RecyclerView.RecycledViewPool());

    colleagueRealm = Realm.getDefaultInstance();

    RealmResults<MyColleagueModel> results = colleagueRealm.where(MyColleagueModel.class).findAll( );

    for (int i = 0; i < results.size(); i++) {

        myColleagueList.add(results.get(i));
    }
    adapter = new MyColleaguesAdapter(myColleagueList,getApplicationContext());

    recyclerView.setAdapter(adapter);
}

Answer 1

as per my above comments Glide take time to load image from url you can use Placeholder to display image while loading

Glide.with( holder.itemView.getContext() )
                .load( Constants.HTTP.PHOTO_URL + currentColleague.getMail() )
                .thumbnail( 0.5f )
                .override( 200, 200 )
                 .placeholder(R.drawable.ic_placeholder)
                .diskCacheStrategy( DiskCacheStrategy.ALL )
                .into( holder.colleaguePicture );

Answer 2

I'm not sure but you can try below. I'm using below code in my app. There is no speed issue..

public class MyRecyclerAdapter extends RecyclerView.Adapter<ColleagueHolder > {    

   protected RequestManager glideManager; //make glideManager keeping

   protected MyRecyclerAdapter(Context context ....Activity or Fragment) {
       mContext = context;
       glideManager = Glide.with((Fragment or Activity) object);
   }

   @Override
   public void onBindViewHolder(final ColleagueHolder holder, int position) {
      holder.colleagueName.setText(currentColleague.getName());
      holder.companyName.setText(currentColleague.getCompany());
      holder.jobTitle.setText(currentColleague.getTitle());
      holder.colleaguePicture.setImageResource( R.drawable.profile_image );

      glideManager
            .load(Constants.HTTP.PHOTO_URL + currentColleague.getMail() )
            .placeholder(R.drawable.myholder)
            .fitCenter()
            .override(200, 200)
            .into(holder.colleaguePicture);

     holder.cardView.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View view) {

              Intent i=new Intent(context,DetailMyColleague.class);
              i.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
              i.putExtra("IMAGE_URL",Constants.HTTP.PHOTO_URL + currentColleague.getMail());
              .....
              context.startActivity(i);
    }
});
   }
}

Answer 3

@Override
public void onViewAttachedToWindow(@NonNull RecyclerView.ViewHolder holder) {
    super.onViewAttachedToWindow(holder);
    Glide.with(context)
         .load(URL)
         .into(holder.imageView);
}